/* themes.css for the new dashboard layout */

:root {
    /* We'll use this default theme based on the screenshot provided */
    --bg-main: #0d1117;
    --bg-header: #161b22;
    --bg-panel: #161b22;
    --bg-input: #0d1117;
    --bg-input-dark: #000000;

    --text-main: #c9d1d9;
    --text-muted: #8b949e;
    --text-green: #3fb950;
    --text-red: #f85149;

    --accent-gold: #e3b341;
    --accent-blue: #58a6ff;
    --accent-blue-light: #79c0ff;

    --border-light: #30363d;
    --border-color: #21262d;
}

/* Theme 1: Default Dark (from Screenshot) */
[data-theme="default"] {
    --bg-main: #101318;
    --bg-header: #1b2028;
    --bg-panel: #161a20;
    --bg-input: #101318;
    --bg-input-dark: #07090b;

    --text-main: #e2e8f0;
    --text-muted: #94a3b8;
    --text-green: #22c55e;
    --text-red: #ef4444;

    --accent-gold: #f59e0b;
    --accent-blue: #3b82f6;
    --accent-blue-light: #60a5fa;

    --border-light: #334155;
    --border-color: #1e293b;
}

/* Theme 2: Deep Blue */
[data-theme="blue"] {
    --bg-main: #0a192f;
    --bg-header: #112240;
    --bg-panel: #112240;
    --bg-input: #0a192f;
    --bg-input-dark: #020c1b;

    --text-main: #ccd6f6;
    --text-muted: #8892b0;
    --text-green: #64ffda;
    --text-red: #ff6b6b;

    --accent-gold: #ffd700;
    --accent-blue: #64ffda;
    --accent-blue-light: #a8b2d1;

    --border-light: #233554;
    --border-color: #112240;
}

/* Theme 3: Cyber Green */
[data-theme="green"] {
    --bg-main: #050505;
    --bg-header: #111111;
    --bg-panel: #0a0a0a;
    --bg-input: #000000;
    --bg-input-dark: #000000;

    --text-main: #00ff00;
    --text-muted: #008800;
    --text-green: #00ff00;
    --text-red: #ff0000;

    --accent-gold: #00ff00;
    --accent-blue: #00ff00;
    --accent-blue-light: #00ff00;

    --border-light: #003300;
    --border-color: #002200;
}

/* Theme 4: Dracula Purple */
[data-theme="purple"] {
    --bg-main: #282a36;
    --bg-header: #44475a;
    --bg-panel: #282a36;
    --bg-input: #1e1f29;
    --bg-input-dark: #191a21;

    --text-main: #f8f8f2;
    --text-muted: #6272a4;
    --text-green: #50fa7b;
    --text-red: #ff5555;

    --accent-gold: #f1fa8c;
    --accent-blue: #bd93f9;
    --accent-blue-light: #ff79c6;

    --border-light: #44475a;
    --border-color: #6272a4;
}

/* Theme 5: Light Mode */
[data-theme="light"] {
    --bg-main: #f0f2f5;
    --bg-header: #ffffff;
    --bg-panel: #ffffff;
    --bg-input: #ffffff;
    --bg-input-dark: #e2e8f0;

    --text-main: #1e293b;
    --text-muted: #64748b;
    --text-green: #16a34a;
    --text-red: #dc2626;

    --accent-gold: #d97706;
    --accent-blue: #2563eb;
    --accent-blue-light: #3b82f6;

    --border-light: #e2e8f0;
    --border-color: #cbd5e1;
}

/* Theme 6: Crimson */
[data-theme="crimson"] {
    --bg-main: #0f0606;
    --bg-header: #1a0a0a;
    --bg-panel: #150808;
    --bg-input: #0f0606;
    --bg-input-dark: #080303;

    --text-main: #fecaca;
    --text-muted: #9ca3af;
    --text-green: #4ade80;
    --text-red: #f87171;

    --accent-gold: #ef4444;
    --accent-blue: #f87171;
    --accent-blue-light: #fca5a5;

    --border-light: #3b1010;
    --border-color: #200a0a;
}

/* Theme 7: Teal */
[data-theme="teal"] {
    --bg-main: #011615;
    --bg-header: #042f2e;
    --bg-panel: #031f1e;
    --bg-input: #011615;
    --bg-input-dark: #000d0d;

    --text-main: #ccfbf1;
    --text-muted: #6d9999;
    --text-green: #2dd4bf;
    --text-red: #f87171;

    --accent-gold: #14b8a6;
    --accent-blue: #5eead4;
    --accent-blue-light: #99f6e4;

    --border-light: #134e4a;
    --border-color: #0d3b38;
}

/* Theme 8: Amber */
[data-theme="amber"] {
    --bg-main: #0c0802;
    --bg-header: #1c1206;
    --bg-panel: #150e04;
    --bg-input: #0c0802;
    --bg-input-dark: #060401;

    --text-main: #fef3c7;
    --text-muted: #92400e;
    --text-green: #34d399;
    --text-red: #f87171;

    --accent-gold: #f97316;
    --accent-blue: #fb923c;
    --accent-blue-light: #fdba74;

    --border-light: #451a03;
    --border-color: #2c1001;
}

/* Theme 9: Midnight Neon (Modern & Vibrant) */
[data-theme="neon"] {
    --bg-main: #020617;
    --bg-header: #0f172a;
    --bg-panel: #1e293b;
    --bg-input: #020617;
    --bg-input-dark: #000000;

    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --text-green: #22c55e;
    --text-red: #ef4444;

    --accent-gold: #8b5cf6;
    /* Vibrant Purple */
    --accent-blue: #06b6d4;
    /* Neon Cyan */
    --accent-blue-light: #22d3ee;

    --border-light: #334155;
    --border-color: #1e293b;
}

/* Theme 10: Obsidian Gold (Premium) */
[data-theme="obsidian"] {
    --bg-main: #0a0a0a;
    --bg-header: #121212;
    --bg-panel: #1a1a1a;
    --bg-input: #080808;
    --bg-input-dark: #000000;

    --text-main: #f0f0f0;
    --text-muted: #737373;
    --text-green: #10b981;
    --text-red: #f43f5e;

    --accent-gold: #d4af37;
    /* Real Gold */
    --accent-blue: #a3a3a3;
    --accent-blue-light: #d4d4d4;

    --border-light: #262626;
    --border-color: #171717;
}