/* 공용 테마 색 — static/theme.js 가 <html data-bs-theme="light|dark"> 를 정해 준다.
   다크 값은 기존 대시보드/그래프 화면, 라이트 값은 기존 설정 화면 색을 기준으로 맞췄다. */

[data-bs-theme=dark] {
    --app-bg: #121212;
    --app-text: #e0e0e0;
    --surface: #1e1e1e;          /* 카드/패널 */
    --surface-2: #1a1a1a;        /* 카드 안쪽 상자 */
    --surface-3: #252525;        /* 목록 항목 */
    --border: #2d2d2d;
    --border-subtle: #333333;
    --border-strong: #444444;
    --hover-bg: #262626;
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-hover: rgba(0, 0, 0, 0.5);
    --text-primary: #ffffff;
    --text-secondary: #c3c2b7;
    --link-hover: #0d6efd;

    --input-bg: #2b2b2b;
    --input-border: #444444;
    --input-text: #ffffff;
    --input-focus-bg: #333333;

    /* 그래프: 발전=주황, 소비=파랑 (6자리 hex 유지 — JS 에서 알파 접미사를 붙인다) */
    --series-gen: #d95926;
    --series-con: #3987e5;
    --grid: #2d2d2d;
    --hatch-rgb: 195, 194, 183;   /* 데이터 없음 빗금 */
    --hatch-outline: #555555;
    --overlay: rgba(30, 30, 30, 0.6);
    --chg-up: #4ade80;
    --chg-down: #f87171;
    --tooltip-bg: rgba(0, 0, 0, 0.85);
    --tooltip-text: #ffffff;
    --tooltip-border: #444444;

    /* bg-body-tertiary 를 기존 bg-dark(#212529)와 같게 — 다크 화면 모습 유지 */
    --bs-tertiary-bg: #212529;
    --bs-tertiary-bg-rgb: 33, 37, 41;
}

[data-bs-theme=light] {
    --app-bg: #f4f6f9;
    --app-text: #212529;
    --surface: #ffffff;
    --surface-2: #f8f9fa;
    --surface-3: #f1f5f9;
    --border: #dee2e6;
    --border-subtle: #e2e8f0;
    --border-strong: #adb5bd;
    --hover-bg: #f1f5f9;
    --shadow: rgba(0, 0, 0, 0.06);
    --shadow-hover: rgba(0, 0, 0, 0.14);
    --text-primary: #212529;
    --text-secondary: #5c636a;
    --link-hover: #0d6efd;

    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-text: #212529;
    --input-focus-bg: #ffffff;

    /* 흰 배경 대비를 위해 한 단계 진하게 (주황 4.6:1, 파랑 5.6:1 대 흰색) */
    --series-gen: #c2410c;
    --series-con: #1d63d8;
    --grid: #e5e7eb;
    --hatch-rgb: 90, 98, 110;
    --hatch-outline: #adb5bd;
    --overlay: rgba(255, 255, 255, 0.65);
    --chg-up: #15803d;
    --chg-down: #dc2626;
    --tooltip-bg: rgba(33, 37, 41, 0.92);
    --tooltip-text: #ffffff;
    --tooltip-border: #212529;
}

/* 라이트 배경에서 밝은 info/warning 글자는 읽기 어렵다 — 라이트일 때만 진하게 */
[data-bs-theme=light] .text-info { color: #087990 !important; }
[data-bs-theme=light] .text-warning { color: #997404 !important; }

/* 다크일 때만 날짜 선택 아이콘 반전 (기존 동작 유지) */
[data-bs-theme=dark] input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); }

/* 배경과 반대 톤의 버튼: 다크=btn-light/btn-outline-light, 라이트=btn-dark/btn-outline-dark 처럼 보인다 */
[data-bs-theme=dark] .btn-contrast {
    --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc;
}
[data-bs-theme=light] .btn-contrast {
    --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e;
}
[data-bs-theme=dark] .btn-outline-contrast {
    --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa;
}
[data-bs-theme=light] .btn-outline-contrast {
    --bs-btn-color: #212529; --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529;
    --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529;
    --bs-btn-disabled-color: #212529; --bs-btn-disabled-border-color: #212529;
}