/* ══════════════════════════════
   CSS VARIABLES · LIGHT & DARK
══════════════════════════════ */
:root {
  --primary: #1d4ed8;
  --primary-lt: #eff6ff;
  --primary-md: #bfdbfe;
  --primary-hover: #1e40af;
  --green: #15803d;
  --green-lt: #f0fdf4;
  --green-md: #bbf7d0;
  --yellow: #b45309;
  --yellow-lt: #fffbeb;
  --yellow-md: #fde68a;
  --red: #b91c1c;
  --red-lt: #fef2f2;
  --red-md: #fecaca;
  --purple: #6d28d9;
  --purple-lt: #f5f3ff;
  --sky: #0369a1;
  --sky-lt: #f0f9ff;
  --gray: #64748b;
  --bg: #f8fafc;
  --bg2: #ffffff;
  --bg3: #f1f5f9;
  --border: #e2e8f0;
  --border2: #cbd5e1;
  --text: #0f172a;
  --text2: #475569;
  --text3: #94a3b8;
  --shadow-sm: 0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --shadow: 0 4px 16px rgba(15,23,42,.08);
  --shadow-lg: 0 12px 40px rgba(15,23,42,.14);
  --mono: 'DM Mono', monospace;
  --sans: 'Noto Sans KR', sans-serif;
  --r: 10px;
}

[data-theme="dark"] {
  --primary: #60a5fa;
  --primary-lt: rgba(96,165,250,.12);
  --primary-md: rgba(96,165,250,.25);
  --primary-hover: #93bbfd;
  --green: #4ade80;
  --green-lt: rgba(74,222,128,.1);
  --green-md: rgba(74,222,128,.25);
  --yellow: #fbbf24;
  --yellow-lt: rgba(251,191,36,.1);
  --yellow-md: rgba(251,191,36,.22);
  --red: #f87171;
  --red-lt: rgba(248,113,113,.1);
  --red-md: rgba(248,113,113,.22);
  --purple: #a78bfa;
  --purple-lt: rgba(167,139,250,.1);
  --sky: #38bdf8;
  --sky-lt: rgba(56,189,248,.1);
  --gray: #94a3b8;
  --bg: #0f172a;
  --bg2: #1e293b;
  --bg3: #334155;
  --border: #334155;
  --border2: #475569;
  --text: #f1f5f9;
  --text2: #cbd5e1;
  --text3: #64748b;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);
  --shadow: 0 4px 16px rgba(0,0,0,.4);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.5);
}