/* ===== Default Theme (Electric Blue) ===== */
:root,
[data-theme="default"] {
    --bg-primary: #0f1729;
    --bg-secondary: #1a2332;
    --bg-card: rgba(26, 35, 50, 0.8);
    --text-primary: #e8edf5;
    --text-secondary: #8899b0;
    --accent-primary: #3b82f6;
    --accent-secondary: #2563eb;
    --accent-glow: rgba(59, 130, 246, 0.3);
    --border-color: rgba(59, 130, 246, 0.15);
    --header-bg: rgba(15, 23, 41, 0.95);
    --header-text: #e8edf5;
    --card-header-bg: linear-gradient(135deg, #1e40af, #3b82f6);
    --card-header-text: #ffffff;
    --success: #22c55e;
    --danger: #ef4444;
    --warning: #f59e0b;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --gradient-header: linear-gradient(135deg, rgba(15, 23, 41, 0.97) 0%, rgba(30, 58, 95, 0.95) 50%, rgba(15, 23, 41, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #2563eb, #3b82f6, #60a5fa);
    --glow-color: rgba(59, 130, 246, 0.4);
    --card-bg-blur: blur(12px);
}

/* ===== Dark Theme (Midnight Neon) ===== */
[data-theme="dark"] {
    --bg-primary: #0a0a0f;
    --bg-secondary: #111118;
    --bg-card: rgba(17, 17, 24, 0.85);
    --text-primary: #e4e4ef;
    --text-secondary: #7a7a95;
    --accent-primary: #06b6d4;
    --accent-secondary: #22d3ee;
    --accent-glow: rgba(6, 182, 212, 0.3);
    --border-color: rgba(6, 182, 212, 0.12);
    --header-bg: rgba(10, 10, 15, 0.95);
    --header-text: #e4e4ef;
    --card-header-bg: linear-gradient(135deg, #0e7490, #06b6d4);
    --card-header-text: #ffffff;
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --gradient-header: linear-gradient(135deg, rgba(10, 10, 15, 0.97) 0%, rgba(14, 40, 50, 0.95) 50%, rgba(10, 10, 15, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #0891b2, #06b6d4, #22d3ee);
    --glow-color: rgba(6, 182, 212, 0.45);
    --card-bg-blur: blur(12px);
}

/* ===== Forest Theme (Emerald & Gold) ===== */
[data-theme="forest"] {
    --bg-primary: #0d1f0d;
    --bg-secondary: #132613;
    --bg-card: rgba(19, 38, 19, 0.8);
    --text-primary: #d8eed8;
    --text-secondary: #7da67d;
    --accent-primary: #10b981;
    --accent-secondary: #059669;
    --accent-glow: rgba(16, 185, 129, 0.3);
    --border-color: rgba(16, 185, 129, 0.15);
    --header-bg: rgba(13, 31, 13, 0.95);
    --header-text: #d8eed8;
    --card-header-bg: linear-gradient(135deg, #047857, #10b981);
    --card-header-text: #ffffff;
    --success: #10b981;
    --danger: #f87171;
    --warning: #f59e0b;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    --gradient-header: linear-gradient(135deg, rgba(13, 31, 13, 0.97) 0%, rgba(4, 60, 44, 0.95) 50%, rgba(13, 31, 13, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #059669, #10b981, #34d399);
    --glow-color: rgba(16, 185, 129, 0.4);
    --card-bg-blur: blur(12px);
}

/* ===== Sunset Theme (Amber Fire) ===== */
[data-theme="sunset"] {
    --bg-primary: #1a0f05;
    --bg-secondary: #261a0d;
    --bg-card: rgba(38, 26, 13, 0.8);
    --text-primary: #f5e6d3;
    --text-secondary: #b08960;
    --accent-primary: #f59e0b;
    --accent-secondary: #d97706;
    --accent-glow: rgba(245, 158, 11, 0.3);
    --border-color: rgba(245, 158, 11, 0.15);
    --header-bg: rgba(26, 15, 5, 0.95);
    --header-text: #f5e6d3;
    --card-header-bg: linear-gradient(135deg, #d97706, #f59e0b, #f43f5e);
    --card-header-text: #ffffff;
    --success: #22c55e;
    --danger: #f43f5e;
    --warning: #f59e0b;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    --gradient-header: linear-gradient(135deg, rgba(26, 15, 5, 0.97) 0%, rgba(60, 30, 10, 0.95) 50%, rgba(26, 15, 5, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #d97706, #f59e0b, #fbbf24);
    --glow-color: rgba(245, 158, 11, 0.4);
    --card-bg-blur: blur(12px);
}

/* ===== Arctic Theme (Light - Clean Ice Blue) ===== */
[data-theme="arctic"] {
    --bg-primary: #eef2f7;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.85);
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --accent-primary: #0ea5e9;
    --accent-secondary: #0284c7;
    --accent-glow: rgba(14, 165, 233, 0.2);
    --border-color: rgba(14, 165, 233, 0.18);
    --header-bg: rgba(255, 255, 255, 0.92);
    --header-text: #1e293b;
    --card-header-bg: linear-gradient(135deg, #0284c7, #0ea5e9, #38bdf8);
    --card-header-text: #ffffff;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --shadow: 0 4px 16px rgba(14, 165, 233, 0.1);
    --gradient-header: linear-gradient(135deg, rgba(240, 246, 255, 0.97) 0%, rgba(224, 242, 254, 0.95) 50%, rgba(240, 246, 255, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #0284c7, #0ea5e9, #38bdf8);
    --glow-color: rgba(14, 165, 233, 0.25);
    --card-bg-blur: blur(10px);
}

/* ===== Lavender Theme (Light - Soft Purple) ===== */
[data-theme="lavender"] {
    --bg-primary: #f3f0f9;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.85);
    --text-primary: #2e1065;
    --text-secondary: #7c6c94;
    --accent-primary: #8b5cf6;
    --accent-secondary: #7c3aed;
    --accent-glow: rgba(139, 92, 246, 0.2);
    --border-color: rgba(139, 92, 246, 0.15);
    --header-bg: rgba(255, 255, 255, 0.92);
    --header-text: #2e1065;
    --card-header-bg: linear-gradient(135deg, #7c3aed, #8b5cf6, #a78bfa);
    --card-header-text: #ffffff;
    --success: #16a34a;
    --danger: #e11d48;
    --warning: #d97706;
    --shadow: 0 4px 16px rgba(139, 92, 246, 0.1);
    --gradient-header: linear-gradient(135deg, rgba(246, 240, 255, 0.97) 0%, rgba(237, 228, 254, 0.95) 50%, rgba(246, 240, 255, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #7c3aed, #8b5cf6, #a78bfa);
    --glow-color: rgba(139, 92, 246, 0.25);
    --card-bg-blur: blur(10px);
}

/* ===== Rose Theme (Light - Warm Pink) ===== */
[data-theme="rose"] {
    --bg-primary: #fdf2f4;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.85);
    --text-primary: #4c1130;
    --text-secondary: #9b6b7d;
    --accent-primary: #f43f5e;
    --accent-secondary: #e11d48;
    --accent-glow: rgba(244, 63, 94, 0.2);
    --border-color: rgba(244, 63, 94, 0.15);
    --header-bg: rgba(255, 255, 255, 0.92);
    --header-text: #4c1130;
    --card-header-bg: linear-gradient(135deg, #e11d48, #f43f5e, #fb7185);
    --card-header-text: #ffffff;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --shadow: 0 4px 16px rgba(244, 63, 94, 0.1);
    --gradient-header: linear-gradient(135deg, rgba(253, 242, 244, 0.97) 0%, rgba(255, 228, 234, 0.95) 50%, rgba(253, 242, 244, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #e11d48, #f43f5e, #fb7185);
    --glow-color: rgba(244, 63, 94, 0.25);
    --card-bg-blur: blur(10px);
}

/* ===== Mint Theme (Light - Fresh Green) ===== */
[data-theme="mint"] {
    --bg-primary: #ecfdf5;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.85);
    --text-primary: #14352a;
    --text-secondary: #5f8a7a;
    --accent-primary: #14b8a6;
    --accent-secondary: #0d9488;
    --accent-glow: rgba(20, 184, 166, 0.2);
    --border-color: rgba(20, 184, 166, 0.15);
    --header-bg: rgba(255, 255, 255, 0.92);
    --header-text: #14352a;
    --card-header-bg: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);
    --card-header-text: #ffffff;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --shadow: 0 4px 16px rgba(20, 184, 166, 0.1);
    --gradient-header: linear-gradient(135deg, rgba(236, 253, 245, 0.97) 0%, rgba(204, 251, 236, 0.95) 50%, rgba(236, 253, 245, 0.97) 100%);
    --gradient-accent: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);
    --glow-color: rgba(20, 184, 166, 0.25);
    --card-bg-blur: blur(10px);
}