/* ============================================================
 * tokens.css — Account Hub 디자인 토큰 (소스 오브 트루스)
 * Executive Fidelity × Pretendard GOV · 라이트/다크 동등 지원
 * 상세: doc/design_guide.md
 * 이 파일만 고치면 전 페이지 색·간격·라운딩이 일괄 반영됨.
 * ============================================================ */

:root {
  color-scheme: light;

  /* ── 서체 ── */
  --font-sans: "Pretendard GOV Variable", "Pretendard Variable", Pretendard,
               -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
               "Liberation Mono", "Courier New", monospace;

  /* ── 표면 / 배경 (라이트) ── */
  --bg:#f7f9fb; --surface:#ffffff; --surface-2:#f2f4f6; --surface-3:#eceef0;
  --border:#e2e8f0; --border-strong:#cbd5e1; --divider:#f1f5f9;

  /* ── 텍스트 ── */
  --text:#191c1e; --text-soft:#45464d; --text-faint:#76777d;

  /* ── Primary (Deep Navy) ── */
  --primary:#131b2e; --primary-hover:#1e293b; --on-primary:#ffffff;
  --ring:rgba(19,27,46,.16);

  /* ── Secondary (Slate) ── */
  --secondary:#505f76; --secondary-container:#d0e1fb;

  /* ── Success (Emerald) ── */
  --success:#069669; --success-container:#e3f4ec; --on-success-container:#05674a; --on-success:#ffffff;

  /* ── Error / Warning ── */
  --error:#ba1a1a; --error-container:#ffdad6; --on-error-container:#93000a;
  --warning:#b45309; --warning-container:#fef3c7;

  /* ── Inverse (툴팁 등) ── */
  --inverse-surface:#2d3133; --inverse-on-surface:#eff1f3;

  /* ── 라운딩 ── */
  --r-sm:4px; --r-md:6px; --r-lg:8px; --r-full:9999px;

  /* ── 스페이싱 (4px 베이스라인) ── */
  --space-1:4px; --space-2:8px; --space-4:16px; --space-8:32px;
  --container:1280px; --gutter:24px;

  /* ── 엘리베이션 (Level 2, 라이트) ── */
  --shadow-2:0 4px 20px rgba(15,23,42,.05);
}

/* ============================================================
 * 다크 팔레트 (1급) — 검은 그림자는 근-흑 배경에서 안 보이므로
 * elevation은 "밝은 표면 + 밝은 경계선 + 상단 하이라이트"로 만든다(common.css).
 * ============================================================ */
[data-theme="dark"] {
  color-scheme: dark;

  --bg:#0c1424; --surface:#1b2b47; --surface-2:#28395a; --surface-3:#364a6d;
  --border:#46597f; --border-strong:#61789f; --divider:#35486a;
  --text:#f0f3fa; --text-soft:#b6c0d4; --text-faint:#8b97af;
  --primary:#c2cbec; --primary-hover:#d3dbf2; --on-primary:#0f1626; --ring:rgba(194,203,236,.32);
  --secondary:#a0abc2; --secondary-container:#37497a;
  --success:#5fdca6; --success-container:#143f2f; --on-success-container:#8ff0c6; --on-success:#04241a;
  --error:#ffb4ab; --error-container:#5c1d19; --on-error-container:#ffdad6;
  --warning:#f4c15f; --warning-container:#3d2f14;
  --inverse-surface:#dbe1ea; --inverse-on-surface:#131b2e;
  --shadow-2:0 8px 30px rgba(0,0,0,.55);
}