/*
 * TREX ERP 라이트 디자인 토큰.
 * 참고 시안처럼 청회색 캔버스, 흰 업무 패널, 로열 블루 액센트를 사용한다.
 * 예전 localStorage 값이 dark여도 동일한 라이트 토큰을 적용한다.
 */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
    color-scheme: light;

    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --bg-secondary-alpha: #ffffffea;
    --bg-secondary-alpha2: #ffffff18;
    --bg-secondary-alpha3: #fffffff5;
    --bg-tertiary: #f7f8fa;
    --bg-tertiary-light: #fafafa;
    --bg-reverse: #202642;
    --bg-reverse2: #343b59;
    --bg-reverse-alpha: #2026421a;
    --bg-hover: #f2f6fb;

    --border: #e1e4e8;
    --border-primary: #e1e4e8;
    --border-secondary: #eceef1;
    --border-tertiary: #cfd4da;

    --text-primary: #20252d;
    --text-secondary: #69717d;
    --text-tertiary: #a0a7b1;
    --text-reverse: #ffffff;
    --text-reverse-semi: #f4f6fb;

    --accent-blue: #2785f5;
    --accent-blue-hover: #1475e5;
    --accent-blue-soft: #edf6ff;
    --accent-blue-border: #c7e0ff;
    --sidebar-bg: #343c4b;
    --sidebar-bg-deep: #2d3441;
    --sidebar-hover: #414a5a;
    --sidebar-text: #c0c6cf;
    --sidebar-text-active: #ffffff;
    --shadow: rgba(31, 39, 51, 0.07);

    --window-title-bg: #ffffff;
    --toolbar-bg: #ffffff;
    --btn-bg: #ffffff;
    --btn-bg-hover: #f4f7fc;

    --blue: #2785f5;
    --blue2: #1475e5;
    --purple: #6b5ce7;
    --orange: #e99b24;
    --orange2: #e99b24;
    --orange2-hover: #d68814;
    --red: #e6535f;
    --teal: #16a382;
    --teal2: #0e8f71;
    --green: #16a382;

    --glassmorphism-border: rgba(35, 49, 83, 0.09);
    --glassmorphism-box-shadow: 0 6px 18px rgba(35, 49, 83, 0.08);

    --canvas: #f3f5f7;
    --panel: #ffffff;
    --panel-border: #e1e4e8;
    --panel-divider: #eceef1;
    --panel-radius: 2px;
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-head-h: 5rem;
    --stat-num: #252b3d;
    --stat-label: #6f788c;
    --chevron: #c9d2e1;
    --table-head: #f7f8fa;

    --dot-blue: #2785f5;
    --dot-green: #16a382;
    --dot-red: #e6535f;
    --dot-orange: #e99b24;
    --dot-purple: #6b5ce7;
    --dot-teal: #1aa6ad;
    --dot-gray: #7f899b;
}