/* ── DESIGN TOKENS ── */
:root {
  --pink: #FF2D78;
  --pink-dim: #cc2460;
  --pink-glow: rgba(255,45,120,0.25);
  --bg: #111213;
  --bg2: #18191b;
  --cream: #F0EBE1;
  --text: #bbb;
  --text-dim: #aaa;
  --muted: #888;
  --border: rgba(255,45,120,0.18);
  --footer-text: #444;
  --footer-border: rgba(255,255,255,0.07);
  --grain-opacity: 0.4;
  --console-bg: #0a0a0b;
  --console-text: #4ade80;
  --signal-red: #ef4444;
}

html.light {
  --bg: #F5F3EF;
  --bg2: #FFFFFF;
  --cream: #1a1a1a;
  --text: #444;
  --text-dim: #555;
  --muted: #777;
  --border: rgba(255,45,120,0.15);
  --footer-text: #999;
  --footer-border: rgba(0,0,0,0.08);
  --grain-opacity: 0.15;
  --console-bg: #1a1a1a;
}