/* =========================================================
💀 W.A.R.D.E.N. BOT — COMPLETE THEME SYSTEM (UNIFIED + FIXED)
All themes now define ALL color tokens.
========================================================= */

/* ===============================
   🟧 BASE THEME (TEC1 ORANGE)
=============================== */
:root {
  --bg-primary: #000;
  --bg-secondary: #111;

  --text-primary: #ffb700;
  --text-secondary: #ffcc66;

  --accent-text: #ffb700;
  --accent-subtext: #ffcc66;
  --accent-muted: #bbbbbb;
  --accent-border: #ff3c00;
  --accent-highlight: #ff7700;

  --accent-glow: rgba(255, 60, 0, 0.5);
  --accent-glow-strong: rgba(255, 100, 0, 0.8);
  --accent-inner: rgba(255, 60, 0, 0.2);

  --logo-bg: #1a0500;
  --crt-pulse: #ff6a00;
}

/* ===============================
   ☀️ LIGHT THEME
=============================== */
[data-theme="light"] {
  --bg-primary: #f8f8f8;
  --bg-secondary: #ffffff;

  --text-primary: #222;
  --text-secondary: #444;

  --accent-text: #222;
  --accent-subtext: #444;
  --accent-muted: #777;
  --accent-border: #ffcc33;
  --accent-highlight: #ff8800;

  --accent-glow: rgba(255, 200, 0, 0.3);
  --accent-glow-strong: rgba(255, 200, 0, 0.6);
  --accent-inner: rgba(255, 210, 0, 0.15);

  --logo-bg: #fff8dc;
  --crt-pulse: #ffd94d;
}

/* ===============================
   🌑 DARK THEME
=============================== */
[data-theme="dark"] {
  --bg-primary: #0a0a0a;
  --bg-secondary: #111;

  --text-primary: #ffb700;
  --text-secondary: #ffcc66;

  --accent-text: #ffb700;
  --accent-subtext: #ffcc66;
  --accent-muted: #999;
  --accent-border: #ff3c00;
  --accent-highlight: #ff7700;

  --accent-glow: rgba(255, 60, 0, 0.5);
  --accent-glow-strong: rgba(255, 100, 0, 0.8);
  --accent-inner: rgba(255, 60, 0, 0.25);

  --logo-bg: #1a0500;
  --crt-pulse: #ff6a00;
}

/* ===============================
   🟥 PROTANOPIA — CYAN THEME
=============================== */
[data-theme="protanopia"] {
  --bg-primary: #0a0a0a;
  --bg-secondary: #111;

  --text-primary: #00d8ff;
  --text-secondary: #00aaff;

  --accent-text: #00d8ff;
  --accent-subtext: #00aaff;
  --accent-muted: #66cccc;

  --accent-border: #00ccff;
  --accent-highlight: #33e0ff;

  --accent-glow: rgba(0, 220, 255, 0.6);
  --accent-glow-strong: rgba(0, 220, 255, 0.9);
  --accent-inner: rgba(0, 200, 255, 0.2);

  --logo-bg: #001a26;
  --crt-pulse: #00ccff;
}

/* ===============================
   🟩 DEUTERANOPIA — GOLD THEME
=============================== */
[data-theme="deuteranopia"] {
  --bg-primary: #0a0a0a;
  --bg-secondary: #111;

  --text-primary: #ffaa00;
  --text-secondary: #ffcc66;

  --accent-text: #ffaa00;
  --accent-subtext: #ffcc66;
  --accent-muted: #d9b566;

  --accent-border: #ffaa00;
  --accent-highlight: #ffcc33;

  --accent-glow: rgba(255, 160, 0, 0.6);
  --accent-glow-strong: rgba(255, 200, 0, 0.9);
  --accent-inner: rgba(255, 180, 0, 0.2);

  --logo-bg: #261a00;
  --crt-pulse: #ffaa00;
}

/* ===============================
   🟦 TRITANOPIA — MAGENTA THEME
=============================== */
[data-theme="tritanopia"] {
  --bg-primary: #0a0a0a;
  --bg-secondary: #111;

  --text-primary: #ff5aff;
  --text-secondary: #ff99ff;

  --accent-text: #ff5aff;
  --accent-subtext: #ff99ff;
  --accent-muted: #d989d9;

  --accent-border: #ff66ff;
  --accent-highlight: #ff80ff;

  --accent-glow: rgba(255, 90, 255, 0.6);
  --accent-glow-strong: rgba(255, 130, 255, 0.9);
  --accent-inner: rgba(255, 120, 255, 0.2);

  --logo-bg: #260026;
  --crt-pulse: #ff66ff;
}

/* ===============================
   ⚫ MONOCHROME
=============================== */
[data-theme="monochrome"] {
  --bg-primary: #0b0b0b;
  --bg-secondary: #222;

  --text-primary: #ccc;
  --text-secondary: #aaa;

  --accent-text: #ccc;
  --accent-subtext: #aaa;
  --accent-muted: #888;

  --accent-border: #888;
  --accent-highlight: #ddd;

  --accent-glow: rgba(255, 255, 255, 0.3);
  --accent-glow-strong: rgba(255, 255, 255, 0.6);
  --accent-inner: rgba(255, 255, 255, 0.12);

  --logo-bg: #111;
  --crt-pulse: #ccc;
}