/* ============================================================
   ONAE 디자인 시스템 v1 — 디자인 토큰
   출처: docs/design-system.md 부록 ":root 토큰 (복붙용)" 전문
   이 파일은 변수 정의만 담당한다. 절대 새 토큰을 추가하지 말 것.
   ============================================================ */

:root{
  /* Brand · Navy */
  --brand:#143A6B; --brand-strong:#0E2A50; --brand-600:#1E4B8F;
  --brand-link:#2E5FD0; --brand-tint:#EAF0FA;
  /* Accent · Coral (CTA/지표 전용) */
  --accent:#E2431F; --accent-strong:#C6371A; --accent-tint:#FDECE7;
  /* Neutral · Slate */
  --bg:#FFFFFF; --surface:#F7F8FA; --surface-2:#EFF1F5; --border:#E2E5EB;
  --text:#334155; --text-strong:#0F172A; --text-muted:#64748B;
  /* Status */
  --success:#0E7A50; --success-tint:#E4F4EC;
  --warning:#8A5A00; --warning-solid:#E0A100; --warning-tint:#FBF1D9;
  --danger:#DC2626; --danger-tint:#FBE9E9;
  --info:#2563C9; --info-tint:#E7EFFB;
  /* Radius / Shadow */
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(15,23,42,.06);
  --shadow-2:0 4px 16px rgba(15,23,42,.08);
  --shadow-3:0 12px 32px rgba(15,23,42,.12);
  /* Spacing (8px scale) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-8:48px; --sp-10:64px; --sp-12:96px;
  --container:1200px;
  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:120ms; --dur-2:200ms; --dur-3:320ms;
}
[data-theme="dark"]{
  --bg:#0E1524; --surface:#161F32; --surface-2:#1E2A40; --border:#2A3852;
  --text:#D7DEE8; --text-strong:#F1F5FB; --text-muted:#93A2B8;
  --brand:#22467E; --brand-link:#7FA8F0; --accent:#FF7A5C; --accent-strong:#FF9276;
}