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

:root {
  /* ── Surface ───────────────────────────── */
  --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: #eef2f6;             /* 1차 텍스트 */
  --t2: #aeb6c1;             /* 2차 (부가) — 다크 가독성 상향 */
  --t3: #7a828d;             /* 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 (업체별 화이트라벨 강조색; 기본=테마 green) ── */
  --brand: var(--green);

  /* ── 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"] {
  --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);

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