/* 
   FUTURISTIC COLOR THEMES 
   -----------------------
   Each theme defines a set of CSS variables that override the defaults.
   Applied via data-theme attribute on the body tag.
*/

/* Default: Neon Cyberpunk (The Original) */
:root {
    --bg-dark: #0a0e27;
    --bg-card: #1a1f3a;
    --bg-gradient-start: #0f1528;
    --bg-gradient-end: #1a0b2e;

    --neon-cyan: #00f3ff;
    --neon-magenta: #ff00ff;
    --neon-purple: #bd00ff;
    --neon-pink: #ff006e;
    --neon-blue: #3b82f6;

    --text-primary: #e0e7ff;
    --text-secondary: #94a3b8;
    --text-accent: #00f3ff;

    --success: #00ff88;
    --danger: #ff0055;
    --warning: #ffaa00;
}

/* Ocean: Deep Sea & Bioluminescence */
body[data-theme="ocean"] {
    --bg-dark: #001219;
    --bg-card: #002830;
    --bg-gradient-start: #001820;
    --bg-gradient-end: #003040;

    --neon-cyan: #00ffff;
    --neon-magenta: #0099ff;
    --neon-purple: #005f73;
    --neon-pink: #0a9396;
    --neon-blue: #94d2bd;

    --text-primary: #e0fbfc;
    --text-secondary: #98c1d9;
    --text-accent: #00ffff;

    --success: #0aff99;
    --danger: #ff0055;
    --warning: #e9d8a6;
}

/* Sunset: Retrowave & Outrun */
body[data-theme="sunset"] {
    --bg-dark: #2b0f25;
    --bg-card: #4a1c40;
    --bg-gradient-start: #240046;
    --bg-gradient-end: #3c096c;

    --neon-cyan: #ff9e00;
    --neon-magenta: #ff006e;
    --neon-purple: #8338ec;
    --neon-pink: #fb5607;
    --neon-blue: #3a86ff;

    --text-primary: #ffecd1;
    --text-secondary: #ffb7b2;
    --text-accent: #ff9e00;

    --success: #00ff88;
    --danger: #ff0000;
    --warning: #ffbe0b;
}

/* Forest: Digital Nature & Matrix */
body[data-theme="forest"] {
    --bg-dark: #051905;
    --bg-card: #0f2e0f;
    --bg-gradient-start: #021202;
    --bg-gradient-end: #0a200a;

    --neon-cyan: #00ff41;
    --neon-magenta: #ccff00;
    --neon-purple: #39ff14;
    --neon-pink: #008f11;
    --neon-blue: #003b00;

    --text-primary: #e0ffe0;
    --text-secondary: #8fbc8f;
    --text-accent: #00ff41;

    --success: #00ff00;
    --danger: #ff3333;
    --warning: #ffff00;
}

/* Midnight: Stealth & Monochrome */
body[data-theme="midnight"] {
    --bg-dark: #000000;
    --bg-card: #111111;
    --bg-gradient-start: #050505;
    --bg-gradient-end: #1a1a1a;

    --neon-cyan: #ffffff;
    --neon-magenta: #808080;
    --neon-purple: #404040;
    --neon-pink: #c0c0c0;
    --neon-blue: #a0a0a0;

    --text-primary: #ffffff;
    --text-secondary: #888888;
    --text-accent: #ffffff;

    --success: #00ff00;
    --danger: #ff0000;
    --warning: #ffff00;
}