/* Theme tokens only. Components consume these variables without theme selectors. */
:root,
:root[data-theme="neon"] {
  color-scheme: dark;
  --bg-main: #08090e;
  --bg-surface: #0e111a;
  --bg-surface-elevated: #151926;
  --bg-surface-glass: rgba(14, 17, 26, 0.78);
  --arena-bg: #05060a;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-active: #00f0ff;
  --border-focus: #7000ff;
  --primary: #00f0ff;
  --primary-glow: rgba(0, 240, 255, 0.35);
  --primary-dark: #008b94;
  --secondary: #ff007b;
  --secondary-glow: rgba(255, 0, 123, 0.35);
  --accent-purple: #8b5cf6;
  --accent-green: #10b981;
  --accent-yellow: #f59e0b;
  --accent-red: #ef4444;
  --text-main: #f3f4f6;
  --text-muted: #9ca3af;
  --text-dim: #6b7280;
  --text-on-primary: #06090e;
  --text-on-arena: #ffffff;
  --toast-bg: rgba(14, 17, 26, 0.94);
  --grid-opacity: 0.22;
  --target-primary: #00f0ff;
  --target-center: #ff007b;
  --target-success: #10b981;
}

:root[data-theme="tactical"] {
  color-scheme: dark;
  --bg-main: #0c0b08;
  --bg-surface: #17130c;
  --bg-surface-elevated: #211a0e;
  --bg-surface-glass: rgba(23, 19, 12, 0.82);
  --arena-bg: #070603;
  --border-subtle: rgba(255, 207, 102, 0.13);
  --border-active: #ffb000;
  --border-focus: #ff7a00;
  --primary: #ffb000;
  --primary-glow: rgba(255, 176, 0, 0.32);
  --primary-dark: #a86200;
  --secondary: #ff5c35;
  --secondary-glow: rgba(255, 92, 53, 0.3);
  --accent-purple: #c084fc;
  --accent-green: #84cc16;
  --accent-yellow: #facc15;
  --accent-red: #f43f5e;
  --text-main: #fff7df;
  --text-muted: #c7b995;
  --text-dim: #867b60;
  --text-on-primary: #1a1000;
  --text-on-arena: #ffffff;
  --toast-bg: rgba(23, 19, 12, 0.95);
  --grid-opacity: 0.2;
  --target-primary: #ffb000;
  --target-center: #ff5c35;
  --target-success: #84cc16;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg-main: #edf1f5;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #e4eaf0;
  --bg-surface-glass: rgba(255, 255, 255, 0.86);
  --arena-bg: #111827;
  --border-subtle: rgba(15, 23, 42, 0.14);
  --border-active: #0369a1;
  --border-focus: #7c3aed;
  --primary: #0369a1;
  --primary-glow: rgba(3, 105, 161, 0.24);
  --primary-dark: #075985;
  --secondary: #be185d;
  --secondary-glow: rgba(190, 24, 93, 0.22);
  --accent-purple: #7c3aed;
  --accent-green: #047857;
  --accent-yellow: #b45309;
  --accent-red: #b91c1c;
  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;
  --text-on-primary: #ffffff;
  --text-on-arena: #ffffff;
  --toast-bg: rgba(15, 23, 42, 0.94);
  --grid-opacity: 0.16;
  --target-primary: #38bdf8;
  --target-center: #f43f5e;
  --target-success: #22c55e;
}