/* Shared color palette — single source of truth.
   Used by CSS (var(--x)) and JS canvas (COL reads via getComputedStyle). */
:root {
  --amber: #fbbf24;
  --amber-600: #f59e0b;
  --amber-600-a08: rgba(245,158,11,0.08);
  --amber-600-a15: rgba(245,158,11,0.15);
  --amber-600-a30: rgba(245,158,11,0.3);
  --amber-700: #d97706;
  --amber-800: #b45309;
  --amber-800-a12: rgba(180,83,9,0.12);
  --amber-800-a30: rgba(180,83,9,0.3);
  --amber-a06: rgba(251,191,36,0.06);
  --amber-a08: rgba(251,191,36,0.08);
  --amber-a15: rgba(251,191,36,0.15);
  --amber-a20: rgba(251,191,36,0.2);
  --amber-a25: rgba(251,191,36,0.25);
  --amber-a30: rgba(251,191,36,0.3);
  --amber-a35: rgba(251,191,36,0.35);
  --amber-a40: rgba(251,191,36,0.4);
  --amber-a50: rgba(251,191,36,0.5);
  --amber-a70: rgba(251,191,36,0.7);
  --amber-a80: rgba(251,191,36,0.8);
  --amber-light: #fcd34d;
  --bg: #0f172a;
  --bg-a75: rgba(15,23,42,0.75);
  --bg-a80: rgba(15,23,42,0.8);
  --bg-dark: #0a0f1a;
  --bg-darker: #080e1a;
  --bg-darker-a40: rgba(8,14,26,0.4);
  --bg-darker-a55: rgba(8,14,26,0.55);
  --bg-darker-a60: rgba(8,14,26,0.6);
  --bg-darker-a70: rgba(8,14,26,0.7);
  --bg-darker-a85: rgba(8,14,26,0.85);
  --bg-darker-a88: rgba(8,14,26,0.88);
  --bg-darker-a92: rgba(8,14,26,0.92);
  --bg-panel: #0f1729;
  --black-a50: rgba(0,0,0,0.5);
  --black-a85: rgba(0,0,0,0.85);
  --crusher-stripe: #331100;
  --gray: #a1a1a1;
  --green: #10b981;
  --green-dark: #059669;
  --indigo: #818cf8;
  --indigo-600-a15: rgba(99,102,241,0.15);
  --ink: #1e3a30;
  --ink2: #2a4a3e;
  --laser-core-a70: rgba(255,180,180,0.7);
  --missile: #e74c3c;
  --missile-exhaust: #f39c12;
  --red: #ef4444;
  --red-a10: rgba(239,68,68,0.1);
  --red-a15: rgba(239,68,68,0.15);
  --red-a22: rgba(239,68,68,0.22);
  --red-a30: rgba(239,68,68,0.3);
  --red-a40: rgba(239,68,68,0.4);
  --red-a60: rgba(239,68,68,0.6);
  --red-light: #f87171;
  --red-pink: #ff3366;
  --slate: #1e293b;
  --slate-300: #cbd5e1;
  --slate-600: #8190a8;
  --slate2: #131d35;
  --teal: #14b8a6;
  --teal-a06: rgba(20,184,166,0.06);
  --teal-a10: rgba(20,184,166,0.1);
  --teal-a15: rgba(20,184,166,0.15);
  --teal-a20: rgba(20,184,166,0.2);
  --teal-a22: rgba(20,184,166,0.22);
  --teal-a25: rgba(20,184,166,0.25);
  --teal-a30: rgba(20,184,166,0.3);
  --teal-bright: #2dd4bf;
  --teal-bright-a15: rgba(45,212,191,0.15);
  --teal-bright-a20: rgba(45,212,191,0.2);
  --teal-bright-a35: rgba(45,212,191,0.35);
  --teal-bright-a40: rgba(45,212,191,0.4);
  --teal-deep: #0f766e;
  --teal-dim: #0d9488;
  --teal-dim-a03: rgba(13,148,136,0.03);
  --teal-dim-a04: rgba(13,148,136,0.04);
  --teal-dim-a05: rgba(13,148,136,0.05);
  --teal-dim-a06: rgba(13,148,136,0.06);
  --teal-dim-a08: rgba(13,148,136,0.08);
  --teal-dim-a10: rgba(13,148,136,0.1);
  --teal-dim-a12: rgba(13,148,136,0.12);
  --teal-dim-a15: rgba(13,148,136,0.15);
  --teal-dim-a20: rgba(13,148,136,0.2);
  --teal-dim-a25: rgba(13,148,136,0.25);
  --teal-dim-a30: rgba(13,148,136,0.3);
  --teal-dim-a40: rgba(13,148,136,0.4);
  --teal-dim-a50: rgba(13,148,136,0.5);
  --teal-soft: #5eead4;
  --text: #e2e8f0;
  --text-dim: #8b99b0;
  --text-mid: #94a3b8;
  --text-mid-a10: rgba(148,163,184,0.1);
  --text-mid-a30: rgba(148,163,184,0.3);
  --wave: #3498db;
  --wave-a60: rgba(52,152,219,0.6);
  --wave-core-a50: rgba(180,210,255,0.5);
  --white: #fff;
  --white-a06: rgba(255,255,255,0.06);
  --white-a50: rgba(255,255,255,0.5);
}