/* ===================== THEME DEFINITIONS ===================== */
/* Each theme sets a full palette of CSS custom properties consumed by styles.css */

:root {
  --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', Consolas, 'Courier New', monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Dark IDE (default) — VS Code Dark+ inspired ---------- */
[data-theme="dark-ide"] {
  --bg-app: #181818;
  --bg-sidebar: #1f1f1f;
  --bg-panel: #252526;
  --bg-panel-2: #2d2d30;
  --bg-hover: #3c3c40;
  --text-primary: #f0f0f0;
  --text-secondary: #c6c6c6;
  --text-dim: #94949a;
  --accent: #3ba0ff;
  --accent-2: #6ee7a8;
  --accent-3: #d391e0;
  --danger: #f14c4c;
  --border: #45454a;
  --page-bg: #20222f;
  --grid-line: rgba(59, 160, 255, 0.10);
  --grid-line-strong: rgba(59, 160, 255, 0.20);
  --glow: 0 0 14px rgba(59, 160, 255, 0.5);
  --glow-strong: 0 0 24px rgba(59, 160, 255, 0.65);
  --shadow: 0 4px 20px rgba(0,0,0,0.5);
  --text-glow: 0 0 10px currentColor;
}

/* ---------- Blueprint / Schematic ---------- */
[data-theme="blueprint"] {
  --bg-app: #0a1929;
  --bg-sidebar: #071523;
  --bg-panel: #0f2136;
  --bg-panel-2: #122841;
  --bg-hover: #16304e;
  --text-primary: #e3f2fd;
  --text-secondary: #8fb8d6;
  --text-dim: #5c88a8;
  --accent: #4fc3f7;
  --accent-2: #bdfce3;
  --accent-3: #cebcf5;
  --danger: #ff8a80;
  --border: #1a3a56;
  --page-bg: #0c1f33;
  --grid-line: rgba(79, 195, 247, 0.14);
  --grid-line-strong: rgba(79, 195, 247, 0.28);
  --glow: 0 0 16px rgba(79, 195, 247, 0.45);
  --glow-strong: 0 0 26px rgba(79, 195, 247, 0.6);
  --shadow: 0 4px 20px rgba(0,0,0,0.5);
  --text-glow: 0 0 10px currentColor;
}

/* ---------- Cyberpunk Neon ---------- */
[data-theme="cyberpunk"] {
  --bg-app: #0d0518;
  --bg-sidebar: #0a0413;
  --bg-panel: #150a26;
  --bg-panel-2: #1c0e33;
  --bg-hover: #26123f;
  --text-primary: #f4e9ff;
  --text-secondary: #c9a5e8;
  --text-dim: #7a5a99;
  --accent: #ff2fd0;
  --accent-2: #aefdff;
  --accent-3: #fbfab0;
  --danger: #ff4d6d;
  --border: #2c1548;
  --page-bg: #110822;
  --grid-line: rgba(55, 247, 255, 0.12);
  --grid-line-strong: rgba(255, 47, 208, 0.25);
  --glow: 0 0 18px rgba(255, 47, 208, 0.55);
  --glow-strong: 0 0 28px rgba(255, 47, 208, 0.7);
  --shadow: 0 4px 24px rgba(0,0,0,0.6);
  --text-glow: 0 0 12px currentColor;
}

/* ---------- Terminal (monochrome) ---------- */
[data-theme="terminal"] {
  --bg-app: #050805;
  --bg-sidebar: #030503;
  --bg-panel: #0a0f0a;
  --bg-panel-2: #0e150e;
  --bg-hover: #131d13;
  --text-primary: #b9f6ca;
  --text-secondary: #6fbf7a;
  --text-dim: #3d6b44;
  --accent: #4dff88;
  --accent-2: #b0ffca;
  --accent-3: #cdffd4;
  --danger: #ff6b6b;
  --border: #16241a;
  --page-bg: #071009;
  --grid-line: rgba(77, 255, 136, 0.10);
  --grid-line-strong: rgba(77, 255, 136, 0.22);
  --glow: 0 0 14px rgba(77, 255, 136, 0.5);
  --glow-strong: 0 0 24px rgba(77, 255, 136, 0.65);
  --shadow: 0 4px 20px rgba(0,0,0,0.5);
  --text-glow: 0 0 10px currentColor;
}

/* ---------- Light IDE (VS Code Light Modern inspired) ---------- */
[data-theme="light-ide"] {
  --bg-app: #ffffff;
  --bg-sidebar: #f3f3f3;
  --bg-panel: #f8f8f8;
  --bg-panel-2: #eeeeee;
  --bg-hover: #e4e4e4;
  --text-primary: #1e1e1e;
  --text-secondary: #4b4b4b;
  --text-dim: #767676;
  --accent: #005fb8;
  --accent-2: #12793a;
  --accent-3: #8250df;
  --danger: #cf222e;
  --border: #d8d8d8;
  --page-bg: #ffffff;
  --grid-line: rgba(0, 95, 184, 0.08);
  --grid-line-strong: rgba(0, 95, 184, 0.16);
  --glow: 0 0 10px rgba(0, 95, 184, 0.22);
  --glow-strong: 0 0 16px rgba(0, 95, 184, 0.32);
  --shadow: 0 2px 14px rgba(0,0,0,0.08);
  --text-glow: none;
}

/* ---------- Neutral Slate (minimal, professional) ---------- */
[data-theme="neutral"] {
  --bg-app: #f7f7f5;
  --bg-sidebar: #f0efec;
  --bg-panel: #ffffff;
  --bg-panel-2: #f2f1ed;
  --bg-hover: #e8e6e0;
  --text-primary: #2b2b28;
  --text-secondary: #5c5b56;
  --text-dim: #8a8880;
  --accent: #52606d;
  --accent-2: #2f7a4f;
  --accent-3: #79589f;
  --danger: #b3261e;
  --border: #e2e0da;
  --page-bg: #ffffff;
  --grid-line: rgba(82, 96, 109, 0.08);
  --grid-line-strong: rgba(82, 96, 109, 0.16);
  --glow: 0 0 8px rgba(82, 96, 109, 0.18);
  --glow-strong: 0 0 14px rgba(82, 96, 109, 0.28);
  --shadow: 0 2px 10px rgba(0,0,0,0.06);
  --text-glow: none;
}

/* ---------- Solarized Light ---------- */
[data-theme="solarized-light"] {
  --bg-app: #fdf6e3;
  --bg-sidebar: #eee8d5;
  --bg-panel: #f5efdc;
  --bg-panel-2: #eee8d5;
  --bg-hover: #e4ddc7;
  --text-primary: #073642;
  --text-secondary: #586e75;
  --text-dim: #839496;
  --accent: #268bd2;
  --accent-2: #6b8e00;
  --accent-3: #6c71c4;
  --danger: #dc322f;
  --border: #d3cbb7;
  --page-bg: #fdf6e3;
  --grid-line: rgba(38, 139, 210, 0.10);
  --grid-line-strong: rgba(38, 139, 210, 0.20);
  --glow: 0 0 10px rgba(38, 139, 210, 0.25);
  --glow-strong: 0 0 16px rgba(38, 139, 210, 0.35);
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --text-glow: none;
}