/* ══════════════════════════════════════════════════════
   MHSS Design Tokens
   ──────────────────────────────────────────────────
   다크모드가 기본. [data-theme="light"] 로 전환.
   참고: GitHub · Claude · Expo 다크 팔레트
══════════════════════════════════════════════════════ */

:root {
  /* 네이티브 UI(스크롤바·select 드롭다운·date picker·autofill·캔버스 기본배경)를
     테마와 함께 전환. 미선언 시 다크에서도 네이티브만 밝게 남아 토글 순간 번쩍인다. */
  color-scheme: dark;

  /* ── Surface (GitHub 블랙 중립 — 원본 유지) ── */
  --bg:      #0d1117;        /* 메인 배경 */
  --bg2:     #161b22;        /* 사이드바·테이블 헤더 */
  --bg3:     #1c2128;        /* 입력 필드 내부 */
  --surface: #21262d;        /* 카드 */
  --suf2:    #2d333b;        /* 호버/엘리베이트 */

  /* ── Border ────────────────────────────── */
  --bd:      rgba(240,246,252,0.10);
  --bd2:     rgba(240,246,252,0.17);

  /* ── Text ──────────────────────────────── */
  --t1: #e6edf3;             /* 1차 텍스트 */
  --t2: #bcc4ce;             /* 2차 (부가) */
  --t3: #97a0ab;             /* 3차 (약함) */

  /* ── Accent (Dark) — 상태·역할색 원본 유지 ── */
  --green:  #3fb950; --gn2: rgba(63,185,80,0.14);
  --blue:   #58a6ff; --bl2: rgba(88,166,255,0.14);
  --amber:  #d29922; --am2: rgba(210,153,34,0.14);
  --red:    #f85149; --rd2: rgba(248,81,73,0.14);
  --purple: #bc8cff; --pu2: rgba(188,140,255,0.14);
  --cyan:   #39c5cf; --cy2: rgba(57,197,207,0.14);

  /* ── Brand (MHSS 주색 — 로고·활성메뉴·주요버튼만 교체. 블랙 베이스는 그대로) : 다크=틸/민트 ── */
  --brand:  #2dd4bf; --brand2: rgba(45,212,191,0.16);

  /* 액센트 '위'에 올라가는 텍스트/아이콘 — 채움 버튼·배지 전용.
     다크는 액센트가 밝아 어두운 글자, 라이트는 액센트가 진해 흰 글자가 맞다.
     6개 액센트 전부 라이트/다크 양쪽에서 WCAG AA(4.5:1) 충족. 하드코딩(#fff·#04121f) 금지. */
  --on-accent: #0d1117;

  /* ── Layout ────────────────────────────── */
  --sidebar-w: 234px;
  --header-h:  52px;

  /* ── Radius ────────────────────────────── */
  --r: 8px;
  --r2: 12px;

  /* ── Shadow ────────────────────────────── */
  --shadow: 0 6px 20px rgba(0,0,0,0.35);

  /* ── Typography ────────────────────────── */
  --font-sans: 'Inter', 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

[data-theme="light"] {
  color-scheme: light;

  --bg:      #f6f8fa;
  --bg2:     #ffffff;
  --bg3:     #f6f8fa;
  --surface: #ffffff;
  --suf2:    #f6f8fa;
  --bd:      #d8dee4;
  --bd2:     #bfc7cf;

  --t1: #1f2328;
  --t2: #636c76;
  --t3: #8c959f;

  --green:  #1a7f37; --gn2: rgba(26,127,55,0.10);
  --blue:   #0969da; --bl2: rgba(9,105,218,0.10);
  --amber:  #9a6700; --am2: rgba(154,103,0,0.10);
  --red:    #cf222e; --rd2: rgba(207,34,46,0.10);
  --purple: #8250df; --pu2: rgba(130,80,223,0.10);
  --cyan:   #1b7c83; --cy2: rgba(27,124,131,0.10);

  /* Brand : 라이트=그린(기존 유지) */
  --brand:  #1a7f37; --brand2: rgba(26,127,55,0.10);

  --on-accent: #ffffff;

  --shadow: 0 4px 16px rgba(140,149,159,0.18);
}