/* ============================================================
   THEME TOKENS
   Seven palettes — switch freely via the theme picker.
   Nord      — icy, low-glare, for long monitoring shifts
   Dracula   — high-contrast purple/green, night-coding theme
   Solarized — warm daytime palette, bright room readability
   Monokai   — classic high-saturation editor theme
   Midnight  — clean neutral dark, clean default
   White     — clean neutral light, clean default
   Signal    — red war-room mode for live sev-1 escalation
   ============================================================ */

:root[data-theme="nord"] {
  --bg: #242933;
  --bg-elevated: #2e3440;
  --surface: #333a48;
  --surface-2: #2a3038;
  --border: #4c566a;
  --border-soft: #3b4252;
  --text: #eceff4;
  --text-dim: #b7c1d1;
  --text-faint: #68758c;
  --accent: #88c0d0;
  --accent-soft: rgba(136, 192, 208, 0.14);
  --accent-2: #ebcb8b;
  --accent-2-soft: rgba(235, 203, 139, 0.14);
  --critical: #bf616a;
  --critical-soft: rgba(191, 97, 106, 0.16);
  --warning: #d08770;
  --warning-soft: rgba(208, 135, 112, 0.16);
  --info: #81a1c1;
  --info-soft: rgba(129, 161, 193, 0.16);
  --ai: #b48ead;
  --ai-soft: rgba(180, 142, 173, 0.16);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 28px rgba(0, 0, 0, 0.35);
  --glow: 0 0 16px rgba(136, 192, 208, 0.3);
  color-scheme: dark;
}

:root[data-theme="dracula"] {
  --bg: #21222c;
  --bg-elevated: #282a36;
  --surface: #2f3242;
  --surface-2: #262834;
  --border: #44475a;
  --border-soft: #353747;
  --text: #f8f8f2;
  --text-dim: #bd93f9;
  --text-faint: #6272a4;
  --accent: #50fa7b;
  --accent-soft: rgba(80, 250, 123, 0.14);
  --accent-2: #ffb86c;
  --accent-2-soft: rgba(255, 184, 108, 0.14);
  --critical: #ff5555;
  --critical-soft: rgba(255, 85, 85, 0.16);
  --warning: #f1fa8c;
  --warning-soft: rgba(241, 250, 140, 0.14);
  --info: #8be9fd;
  --info-soft: rgba(139, 233, 253, 0.14);
  --ai: #bd93f9;
  --ai-soft: rgba(189, 147, 249, 0.16);
  --shadow: 0 0 0 1px rgba(80, 250, 123, 0.05), 0 12px 30px rgba(0, 0, 0, 0.5);
  --glow: 0 0 18px rgba(80, 250, 123, 0.35);
  color-scheme: dark;
}

:root[data-theme="solarized"] {
  --bg: #f6efdb;
  --bg-elevated: #fdf6e3;
  --surface: #fdf6e3;
  --surface-2: #eee8d5;
  --border: #d3cbb2;
  --border-soft: #e4dcc4;
  --text: #073642;
  --text-dim: #586e75;
  --text-faint: #93a1a1;
  --accent: #268bd2;
  --accent-soft: rgba(38, 139, 210, 0.10);
  --accent-2: #b58900;
  --accent-2-soft: rgba(181, 137, 0, 0.10);
  --critical: #dc322f;
  --critical-soft: rgba(220, 50, 47, 0.10);
  --warning: #cb4b16;
  --warning-soft: rgba(203, 75, 22, 0.10);
  --info: #268bd2;
  --info-soft: rgba(38, 139, 210, 0.10);
  --ai: #6c71c4;
  --ai-soft: rgba(108, 113, 196, 0.10);
  --shadow: 0 1px 2px rgba(7, 54, 66, 0.05), 0 8px 22px rgba(7, 54, 66, 0.08);
  --glow: 0 0 0 rgba(0, 0, 0, 0);
  color-scheme: light;
}

:root[data-theme="monokai"] {
  --bg: #191915;
  --bg-elevated: #221f1a;
  --surface: #2b281f;
  --surface-2: #1f1c16;
  --border: #49483e;
  --border-soft: #332f27;
  --text: #f8f8f2;
  --text-dim: #c2c0b6;
  --text-faint: #75715e;
  --accent: #a6e22e;
  --accent-soft: rgba(166, 226, 46, 0.14);
  --accent-2: #fd971f;
  --accent-2-soft: rgba(253, 151, 31, 0.14);
  --critical: #f92672;
  --critical-soft: rgba(249, 38, 114, 0.16);
  --warning: #e6db74;
  --warning-soft: rgba(230, 219, 116, 0.14);
  --info: #66d9ef;
  --info-soft: rgba(102, 217, 239, 0.14);
  --ai: #ae81ff;
  --ai-soft: rgba(174, 129, 255, 0.16);
  --shadow: 0 0 0 1px rgba(166, 226, 46, 0.05), 0 12px 30px rgba(0, 0, 0, 0.5);
  --glow: 0 0 18px rgba(166, 226, 46, 0.35);
  color-scheme: dark;
}

:root[data-theme="midnight"] {
  --bg: #101114;
  --bg-elevated: #17181c;
  --surface: #1c1d22;
  --surface-2: #141518;
  --border: #2c2d33;
  --border-soft: #212227;
  --text: #f2f3f5;
  --text-dim: #9a9ca4;
  --text-faint: #5b5d66;
  --accent: #5b8def;
  --accent-soft: rgba(91, 141, 239, 0.14);
  --accent-2: #f5a623;
  --accent-2-soft: rgba(245, 166, 35, 0.14);
  --critical: #f2495c;
  --critical-soft: rgba(242, 73, 92, 0.16);
  --warning: #f5a623;
  --warning-soft: rgba(245, 166, 35, 0.14);
  --info: #5b8def;
  --info-soft: rgba(91, 141, 239, 0.14);
  --ai: #9b7bf0;
  --ai-soft: rgba(155, 123, 240, 0.16);
  --shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 12px 28px rgba(0, 0, 0, 0.5);
  --glow: 0 0 16px rgba(91, 141, 239, 0.3);
  color-scheme: dark;
}

:root[data-theme="white"] {
  --bg: #f7f8fa;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f3f6;
  --border: #e2e5eb;
  --border-soft: #edeff3;
  --text: #111319;
  --text-dim: #5c6270;
  --text-faint: #9aa0ac;
  --accent: #3b6fe0;
  --accent-soft: rgba(59, 111, 224, 0.08);
  --accent-2: #c9720a;
  --accent-2-soft: rgba(201, 114, 10, 0.08);
  --critical: #d13b47;
  --critical-soft: rgba(209, 59, 71, 0.08);
  --warning: #c9720a;
  --warning-soft: rgba(201, 114, 10, 0.08);
  --info: #3b6fe0;
  --info-soft: rgba(59, 111, 224, 0.08);
  --ai: #7248c9;
  --ai-soft: rgba(114, 72, 201, 0.08);
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 22px rgba(16, 24, 40, 0.06);
  --glow: 0 0 0 rgba(0, 0, 0, 0);
  color-scheme: light;
}

:root[data-theme="signal"] {
  --bg: #0b0505;
  --bg-elevated: #140808;
  --surface: #190a0a;
  --surface-2: #0e0505;
  --border: #3a1414;
  --border-soft: #241010;
  --text: #ffecec;
  --text-dim: #c07d7d;
  --text-faint: #6b3838;
  --accent: #ff3b4e;
  --accent-soft: rgba(255, 59, 78, 0.14);
  --accent-2: #ff9a3c;
  --accent-2-soft: rgba(255, 154, 60, 0.14);
  --critical: #ff3b4e;
  --critical-soft: rgba(255, 59, 78, 0.18);
  --warning: #ff9a3c;
  --warning-soft: rgba(255, 154, 60, 0.16);
  --info: #ff7a7a;
  --info-soft: rgba(255, 122, 122, 0.14);
  --ai: #ffb15c;
  --ai-soft: rgba(255, 177, 92, 0.14);
  --shadow: 0 0 0 1px rgba(255, 59, 78, 0.08), 0 12px 32px rgba(0, 0, 0, 0.6);
  --glow: 0 0 20px rgba(255, 59, 78, 0.4);
  color-scheme: dark;
}