/* ══════════════════════════════════════════
   THEME TOKENS — 색상 버전 4종
   rgb 트리플 토큰은 rgba(var(--x), a) 형태로 사용
   두 색을 섞는 곳은 테마마다 어울리는 짝을 따로 둔다
   (--core-mix: 중앙 원·레이더 코어, --offer-mix·--offer-grad: 가입 혜택 강조)
   ══════════════════════════════════════════ */
:root,
[data-theme="violet"] {
  --bg: #0a0a14;
  --fg: #ffffff;
  --fg-2: #e2e8f0;
  --fg-3: #cbd5e1;
  --muted: #94a3b8;
  --faint: #64748b;
  --line: rgba(148, 163, 184, 0.14);
  --surface: rgba(255, 255, 255, 0.018);
  --surface-solid: #11121f;
  --shot: #08080f;
  --grid: rgba(99, 102, 241, 0.045);
  --glow-a: 99, 102, 241;
  --glow-b: 59, 130, 246;
  --glow-c: 192, 132, 252;
  --a1: 96, 165, 250;
  --a2: 129, 140, 248;
  --a3: 167, 139, 250;
  --a4: 125, 211, 252;
  --eyebrow: #818cf8;
  --brand-sub: #c7d2fe;
  --danger: 248, 113, 113;
  --warn: 251, 191, 36;
  --ok: 52, 211, 153;
  --title-grad: linear-gradient(135deg, #ffffff 0%, #c7d2fe 100%);
  --hl-grad: linear-gradient(135deg, #a5b4fc 0%, #c084fc 60%, #f0abfc 100%);
  --core-mix: 167, 139, 250;
  --offer-mix: 129, 140, 248;
  --offer-grad: var(--hl-grad);
  --offer: 240, 171, 252;
  --sms-bg: #f1f5f9;
  --sms-fg: #1e293b;
  --shadow: 0 0 0 rgba(0, 0, 0, 0);
  --ctrl-bg: rgba(15, 15, 30, 0.72);
  --scheme: dark;
}
[data-theme="light"] {
  --bg: #f5f7fb;
  --fg: #0b1736;
  --fg-2: #1e293b;
  --fg-3: #334155;
  --muted: #526077;
  --faint: #7c8aa0;
  --line: rgba(15, 23, 42, 0.1);
  --surface: rgba(255, 255, 255, 0.9);
  --surface-solid: #ffffff;
  --shot: #0d1222;
  --grid: rgba(30, 64, 175, 0.05);
  --glow-a: 147, 197, 253;
  --glow-b: 196, 181, 253;
  --glow-c: 165, 243, 252;
  --a1: 37, 99, 235;
  --a2: 79, 70, 229;
  --a3: 124, 58, 237;
  --a4: 8, 145, 178;
  --eyebrow: #2563eb;
  --brand-sub: #2563eb;
  --danger: 220, 38, 38;
  --warn: 217, 119, 6;
  --ok: 22, 163, 74;
  --title-grad: linear-gradient(135deg, #0b1736 0%, #1e3a8a 55%, #2563eb 100%);
  --hl-grad: linear-gradient(135deg, #2563eb 0%, #4f46e5 55%, #7c3aed 100%);
  --core-mix: 124, 58, 237;
  --offer-mix: 79, 70, 229;
  --offer-grad: var(--hl-grad);
  --offer: 79, 70, 229;
  --sms-bg: #ffffff;
  --sms-fg: #1e293b;
  --shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
  --ctrl-bg: rgba(255, 255, 255, 0.86);
  --scheme: light;
}
[data-theme="navy"] {
  --bg: #061024;
  --fg: #ffffff;
  --fg-2: #e2e8f4;
  --fg-3: #c5d0e6;
  --muted: #8d9bb8;
  --faint: #5d6c8c;
  --line: rgba(148, 178, 255, 0.14);
  --surface: rgba(255, 255, 255, 0.022);
  --surface-solid: #0c1a36;
  --shot: #050c1c;
  --grid: rgba(59, 130, 246, 0.05);
  --glow-a: 0, 70, 255;
  --glow-b: 14, 165, 233;
  --glow-c: 96, 165, 250;
  --a1: 129, 140, 248;
  --a2: 59, 130, 246;
  --a3: 56, 189, 248;
  --a4: 45, 212, 191;
  --eyebrow: #60a5fa;
  --brand-sub: #bfdbfe;
  --danger: 248, 113, 113;
  --warn: 251, 191, 36;
  --ok: 52, 211, 153;
  --title-grad: linear-gradient(135deg, #ffffff 0%, #bfdbfe 100%);
  --hl-grad: linear-gradient(135deg, #60a5fa 0%, #38bdf8 60%, #7dd3fc 100%);
  --core-mix: 56, 189, 248;
  --offer-mix: 245, 158, 11;
  --offer-grad: linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #f59e0b 100%);
  --offer: 251, 191, 36;
  --sms-bg: #f1f5f9;
  --sms-fg: #1e293b;
  --shadow: 0 0 0 rgba(0, 0, 0, 0);
  --ctrl-bg: rgba(8, 18, 40, 0.74);
  --scheme: dark;
}
[data-theme="ivory"] {
  --bg: #f6f2ea;
  --fg: #1a1f2e;
  --fg-2: #2b3142;
  --fg-3: #3e4456;
  --muted: #6a6457;
  --faint: #9a9282;
  --line: rgba(60, 48, 30, 0.12);
  --surface: rgba(255, 253, 248, 0.92);
  --surface-solid: #fffdf8;
  --shot: #141a2a;
  --grid: rgba(120, 90, 40, 0.05);
  --glow-a: 245, 208, 150;
  --glow-b: 214, 196, 170;
  --glow-c: 251, 191, 36;
  --a1: 180, 83, 9;      /* amber */
  --a2: 154, 52, 18;     /* terracotta */
  --a3: 124, 92, 59;     /* walnut */
  --a4: 161, 98, 7;      /* ochre */
  --eyebrow: #b45309;
  --brand-sub: #b45309;
  --danger: 190, 40, 40;
  --warn: 180, 83, 9;
  --ok: 21, 128, 61;
  --title-grad: linear-gradient(135deg, #1a1f2e 0%, #4a3423 100%);
  --hl-grad: linear-gradient(135deg, #b45309 0%, #d97706 100%);
  --core-mix: 217, 119, 6;
  --offer-mix: 217, 119, 6;
  --offer-grad: var(--hl-grad);
  --offer: 180, 83, 9;
  --sms-bg: #ffffff;
  --sms-fg: #1e293b;
  --shadow: 0 10px 30px rgba(60, 40, 10, 0.08);
  --ctrl-bg: rgba(255, 253, 248, 0.9);
  --scheme: light;
}