/* ==========================================================================
   Canonical theme variable contract.
   Loaded first on every page, before any page-specific stylesheet.

   To add a new theme, do NOT edit this file freehand - copy
   public/css/themes/_template.css into a new [data-theme="..."] block below
   and fill in the values. See public/css/themes/README.md for the full
   variable reference and the picker/route wiring you also need to update.
   ========================================================================== */

:root,
[data-theme="default"] {
    --bg-dark: #000000;
    --bg-light: #0D1117;
    --card-bg: rgba(2, 6, 23, 0.7);
    --border-color: rgba(0, 180, 255, 0.15);
    --accent-glow-primary: #00e1ff;
    --accent-glow-secondary: #ff00ff;
    --text-color: #e0e6ec;
    --text-muted: #8b949e;
    --success-color: #38C762;
    --error-color: #FA5050;
    --input-bg: rgba(22, 27, 34, 0.6);
    --font-main: 'Fira Code', monospace;
    --font-heading: 'Orbitron', sans-serif;
    --progress-gradient: linear-gradient(90deg, var(--accent-glow-secondary), var(--accent-glow-primary));
}

/* Retro: green-on-black terminal, monospace/pixel font, CRT feel. */
[data-theme="retro"] {
    --bg-dark: #000000;
    --bg-light: #030a03;
    --card-bg: rgba(0, 12, 0, 0.9);
    --border-color: #39ff14;
    --accent-glow-primary: #39ff14;
    --accent-glow-secondary: #00ff88;
    --text-color: #b6ffb0;
    --text-muted: #4ea94e;
    --success-color: #39ff14;
    --error-color: #ff4136;
    --input-bg: rgba(0, 20, 0, 0.7);
    --font-main: 'VT323', 'Fira Code', monospace;
    --font-heading: 'VT323', 'Fira Code', monospace;
    --progress-gradient: linear-gradient(90deg, var(--accent-glow-primary), var(--accent-glow-secondary));
}

/* Green Modern: dark, sleek, Tailwind-inspired, green accent. */
[data-theme="green-modern"] {
    --bg-dark: #06120c;
    --bg-light: #0c1f15;
    --card-bg: rgba(13, 33, 24, 0.75);
    --border-color: rgba(34, 197, 94, 0.22);
    --accent-glow-primary: #22c55e;
    --accent-glow-secondary: #4ade80;
    --text-color: #e6f7ec;
    --text-muted: #8fb99e;
    --success-color: #22c55e;
    --error-color: #f87171;
    --input-bg: rgba(20, 40, 30, 0.6);
    --font-main: 'Inter', sans-serif;
    --font-heading: 'Inter', sans-serif;
    --progress-gradient: linear-gradient(90deg, var(--accent-glow-primary), var(--accent-glow-secondary));
}