/*
 * styles/themes.css
 * RxOverlord / PharmAssist — Theme CSS variable overrides
 *
 * The default (no class) theme lives in styles/common.css under :root { }.
 * Each theme here overrides those variables via body.theme-<key> { }.
 *
 * Theme keys (stored in localStorage as 'rxo_theme'):
 *   default | cyberpunk | glass | luxury | gradient | aurora | mono | retro
 *   matrix  | lcars     | ocean | sunset | forest   | candy  | light
 *   corporate | grape   | rose  | midnight | frost
 */

/* === THEME 1 - Neon Cyberpunk === */
body.theme-cyberpunk {
    --bg-primary: #030718;
    --bg-secondary: #06091f;
    --bg-tertiary: #0a0d2e;
    --bg-card: #070b24;
    --border-color: rgba(0, 255, 255, 0.14);
    --border-hover: rgba(0, 255, 255, 0.45);
    --text-primary: #d6f4ff;
    --text-secondary: #6ec6e8;
    --text-muted: #2e5b73;
    --accent-primary: #00ffff;
    --accent-secondary: #ff00ff;
    --accent-primary-rgb: 0, 255, 255;
    --accent-secondary-rgb: 255, 0, 255;
    --success-rgb: 0, 255, 136;
    --error-rgb: 255, 0, 85;
    --warning-rgb: 255, 204, 0;
    --accent-gradient: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);
    --success: #00ff88;
    --error: #ff0055;
    --warning: #ffcc00;
    --shadow-glow: 0 0 50px rgba(0, 255, 255, 0.35);
    --shadow-card: 0 0 30px rgba(0, 255, 255, 0.12), 0 8px 32px rgba(0, 0, 0, 0.7);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    --shadow-light: rgba(0, 255, 255, 0.04);
}

/* === THEME 2 - Glassmorphism === */
body.theme-glass {
    --bg-primary: transparent;
    --bg-secondary: rgba(255, 255, 255, 0.06);
    --bg-tertiary: rgba(255, 255, 255, 0.09);
    --bg-card: rgba(255, 255, 255, 0.08);
    --border-color: rgba(255, 255, 255, 0.15);
    --border-hover: rgba(255, 255, 255, 0.35);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.75);
    --text-muted: rgba(255, 255, 255, 0.45);
    --accent-primary: #a78bfa;
    --accent-secondary: #f472b6;
    --accent-primary-rgb: 167, 139, 250;
    --accent-secondary-rgb: 244, 114, 182;
    --success-rgb: 52, 211, 153;
    --error-rgb: 248, 113, 113;
    --warning-rgb: 251, 191, 36;
    --accent-gradient: linear-gradient(135deg, #a78bfa 0%, #f472b6 50%, #fb923c 100%);
    --success: #34d399;
    --error: #f87171;
    --warning: #fbbf24;
    --shadow-glow: 0 8px 32px rgba(167, 139, 250, 0.25);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-light: rgba(255, 255, 255, 0.15);
    background-image: radial-gradient(ellipse 80% 60% at 10% 10%, #4f1b8a 0%, transparent 50%),
                      radial-gradient(ellipse 70% 50% at 90% 0%, #1e40af 0%, transparent 50%),
                      radial-gradient(ellipse 60% 80% at 50% 100%, #831843 0%, transparent 60%),
                      linear-gradient(135deg, #1e0a3c 0%, #0f172a 50%, #1c1036 100%);
    background-attachment: fixed;
    background-size: cover;
}

/* === THEME 3 - Dark Luxury === */
body.theme-luxury {
    --bg-primary: #0d0d14;
    --bg-secondary: #13131e;
    --bg-tertiary: #1a1a2e;
    --bg-card: #16213e;
    --border-color: rgba(212, 175, 55, 0.18);
    --border-hover: rgba(212, 175, 55, 0.45);
    --text-primary: #f5f0e8;
    --text-secondary: #c8b89a;
    --text-muted: #6b5c44;
    --accent-primary: #d4af37;
    --accent-secondary: #e8b4a0;
    --accent-primary-rgb: 212, 175, 55;
    --accent-secondary-rgb: 232, 180, 160;
    --success-rgb: 74, 222, 128;
    --error-rgb: 248, 113, 113;
    --warning-rgb: 251, 191, 36;
    --accent-gradient: linear-gradient(135deg, #d4af37 0%, #e8b4a0 50%, #c0a060 100%);
    --success: #4ade80;
    --error: #f87171;
    --warning: #fbbf24;
    --shadow-glow: 0 0 40px rgba(212, 175, 55, 0.15);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(212, 175, 55, 0.08);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    --shadow-light: rgba(212, 175, 55, 0.04);
}

/* === THEME 4 - Electric Gradient === */
body.theme-gradient {
    --bg-primary: #f8f0ff;
    --bg-secondary: #f0e8ff;
    --bg-tertiary: rgba(255, 255, 255, 0.5);
    --bg-card: #ffffff;
    --border-color: rgba(124, 0, 255, 0.15);
    --border-hover: rgba(255, 107, 0, 0.4);
    --text-primary: #1a0040;
    --text-secondary: #5b1b99;
    --text-muted: #a066cc;
    --accent-primary: #7c00ff;
    --accent-secondary: #e0007a;
    --accent-primary-rgb: 124, 0, 255;
    --accent-secondary-rgb: 224, 0, 122;
    --success-rgb: 0, 184, 148;
    --error-rgb: 214, 48, 49;
    --warning-rgb: 253, 203, 110;
    --accent-gradient: linear-gradient(135deg, #7c00ff 0%, #e0007a 50%, #ff6b00 100%);
    --success: #00b894;
    --error: #d63031;
    --warning: #fdcb6e;
    --shadow-glow: 0 8px 40px rgba(124, 0, 255, 0.25);
    --shadow-card: 0 4px 24px rgba(124, 0, 255, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
    --shadow-dark: rgba(100, 0, 200, 0.15);
    --shadow-light: rgba(255, 255, 255, 0.7);
    background: linear-gradient(45deg, #ff006e, #8338ec, #3a86ff, #ff006e);
    background-size: 400% 400%;
    animation: rxoGradientShift 8s ease infinite;
}

@keyframes rxoGradientShift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* === THEME 5 - Aurora Borealis === */
body.theme-aurora {
    --bg-primary: #020b10;
    --bg-secondary: #041520;
    --bg-tertiary: #071f2e;
    --bg-card: #051520;
    --border-color: rgba(0, 245, 200, 0.14);
    --border-hover: rgba(160, 80, 255, 0.45);
    --text-primary: #e0fff8;
    --text-secondary: #7ce8d0;
    --text-muted: #2e6b5e;
    --accent-primary: #00f5c8;
    --accent-secondary: #a050ff;
    --accent-primary-rgb: 0, 245, 200;
    --accent-secondary-rgb: 160, 80, 255;
    --success-rgb: 0, 229, 192;
    --error-rgb: 255, 68, 102;
    --warning-rgb: 255, 215, 0;
    --accent-gradient: linear-gradient(135deg, #00f5c8 0%, #a050ff 50%, #ff50aa 100%);
    --success: #00e5c0;
    --error: #ff4466;
    --warning: #ffd700;
    --shadow-glow: 0 0 60px rgba(0, 245, 200, 0.2);
    --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 245, 200, 0.05);
    --shadow-dark: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(0, 245, 200, 0.04);
    background: #020b10;
    animation: rxoAuroraHue 12s linear infinite;
}

@keyframes rxoAuroraHue {
    0%   { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* === THEME 6 - Monochrome+Pop === */
body.theme-mono {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #111111;
    --bg-card: #080808;
    --border-color: #1e1e1e;
    --border-hover: #2a2a2a;
    --text-primary: #f5f5f5;
    --text-secondary: #888888;
    --text-muted: #444444;
    --accent-primary: #00e676;
    --accent-secondary: #00c853;
    --accent-primary-rgb: 0, 230, 118;
    --accent-secondary-rgb: 0, 200, 83;
    --success-rgb: 0, 230, 118;
    --error-rgb: 244, 67, 54;
    --warning-rgb: 255, 152, 0;
    --accent-gradient: linear-gradient(135deg, #00e676 0%, #00c853 100%);
    --success: #00e676;
    --error: #f44336;
    --warning: #ff9800;
    --shadow-glow: 0 0 30px rgba(0, 230, 118, 0.2);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.8);
    --shadow-dark: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(0, 230, 118, 0.04);
}

/* === THEME 7 - Retro-Futurism === */
body.theme-retro {
    --bg-primary: #0e0020;
    --bg-secondary: #150030;
    --bg-tertiary: #1e003e;
    --bg-card: #120028;
    --border-color: rgba(255, 0, 255, 0.15);
    --border-hover: rgba(0, 255, 255, 0.45);
    --text-primary: #f0e0ff;
    --text-secondary: #cc88ff;
    --text-muted: #6633aa;
    --accent-primary: #ff00ff;
    --accent-secondary: #00ffff;
    --accent-primary-rgb: 255, 0, 255;
    --accent-secondary-rgb: 0, 255, 255;
    --success-rgb: 0, 255, 136;
    --error-rgb: 255, 0, 85;
    --warning-rgb: 255, 204, 0;
    --accent-gradient: linear-gradient(135deg, #ff00ff 0%, #aa00ff 50%, #00ffff 100%);
    --success: #00ff88;
    --error: #ff0055;
    --warning: #ffcc00;
    --shadow-glow: 0 0 50px rgba(255, 0, 255, 0.3);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 0, 255, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(255, 0, 255, 0.04);
}

/* === THEME 8 - Matrix === */
body.theme-matrix {
    --bg-primary: #000000;
    --bg-secondary: #001100;
    --bg-tertiary: #002200;
    --bg-card: #001a00;
    --border-color: rgba(0, 255, 0, 0.2);
    --border-hover: rgba(0, 255, 0, 0.5);
    --text-primary: #00ff00;
    --text-secondary: #00cc00;
    --text-muted: #006600;
    --accent-primary: #00ff00;
    --accent-secondary: #00aa00;
    --accent-primary-rgb: 0, 255, 0;
    --accent-secondary-rgb: 0, 170, 0;
    --success-rgb: 0, 255, 0;
    --error-rgb: 255, 0, 0;
    --warning-rgb: 255, 255, 0;
    --accent-gradient: linear-gradient(135deg, #00ff00 0%, #00aa00 100%);
    --success: #00ff00;
    --error: #ff0000;
    --warning: #ffff00;
    --shadow-glow: 0 0 30px rgba(0, 255, 0, 0.3);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 255, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.7);
    --shadow-light: rgba(0, 255, 0, 0.04);
    /* Intentional: monospace enforces the terminal aesthetic for this theme */
    font-family: 'Courier New', Courier, monospace;
}

/* === THEME 9 - LCARS === */
body.theme-lcars {
    --bg-primary: #000000;
    --bg-secondary: #0d0d1a;
    --bg-tertiary: #1a0a0a;
    --bg-card: #0a0a14;
    --border-color: #cc6600;
    --border-hover: #ff9900;
    --text-primary: #ff9900;
    --text-secondary: #cc6600;
    --text-muted: #663300;
    --accent-primary: #ff9900;
    --accent-secondary: #9999ff;
    --accent-primary-rgb: 255, 153, 0;
    --accent-secondary-rgb: 153, 153, 255;
    --success-rgb: 51, 204, 51;
    --error-rgb: 204, 51, 51;
    --warning-rgb: 255, 204, 0;
    --accent-gradient: linear-gradient(135deg, #ff9900 0%, #cc66ff 100%);
    --success: #33cc33;
    --error: #cc3333;
    --warning: #ffcc00;
    --shadow-glow: 0 0 20px rgba(255, 153, 0, 0.3);
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.8);
    --shadow-dark: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(255, 153, 0, 0.04);
    /* Intentional: LCARS uses system sans-serif to match the Star Trek UI aesthetic */
    font-family: 'Arial', sans-serif;
}

/* === THEME 10 - Ocean Depths === */
body.theme-ocean {
    --bg-primary: #020d1a;
    --bg-secondary: #031525;
    --bg-tertiary: #042033;
    --bg-card: #031a2d;
    --border-color: rgba(0, 150, 200, 0.2);
    --border-hover: rgba(0, 200, 220, 0.5);
    --text-primary: #e0f7ff;
    --text-secondary: #80c8e0;
    --text-muted: #3a6878;
    --accent-primary: #00b4d8;
    --accent-secondary: #48cae4;
    --accent-primary-rgb: 0, 180, 216;
    --accent-secondary-rgb: 72, 202, 228;
    --success-rgb: 6, 214, 160;
    --error-rgb: 239, 71, 111;
    --warning-rgb: 255, 209, 102;
    --accent-gradient: linear-gradient(135deg, #00b4d8 0%, #48cae4 50%, #90e0ef 100%);
    --success: #06d6a0;
    --error: #ef476f;
    --warning: #ffd166;
    --shadow-glow: 0 0 40px rgba(0, 180, 216, 0.2);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    --shadow-light: rgba(0, 180, 216, 0.05);
}

/* === THEME 11 - Sunset Warmth === */
body.theme-sunset {
    --bg-primary: #1a0a05;
    --bg-secondary: #241008;
    --bg-tertiary: #2e180f;
    --bg-card: #200f08;
    --border-color: rgba(255, 120, 50, 0.2);
    --border-hover: rgba(255, 160, 80, 0.5);
    --text-primary: #fff0e8;
    --text-secondary: #ffbb88;
    --text-muted: #995533;
    --accent-primary: #ff7043;
    --accent-secondary: #ff4081;
    --accent-primary-rgb: 255, 112, 67;
    --accent-secondary-rgb: 255, 64, 129;
    --success-rgb: 102, 187, 106;
    --error-rgb: 239, 83, 80;
    --warning-rgb: 255, 167, 38;
    --accent-gradient: linear-gradient(135deg, #ff7043 0%, #ff4081 50%, #ce93d8 100%);
    --success: #66bb6a;
    --error: #ef5350;
    --warning: #ffa726;
    --shadow-glow: 0 0 40px rgba(255, 112, 67, 0.2);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-dark: rgba(0, 0, 0, 0.4);
    --shadow-light: rgba(255, 112, 67, 0.05);
}

/* === THEME 12 - Forest === */
body.theme-forest {
    --bg-primary: #0a1a0a;
    --bg-secondary: #0f200f;
    --bg-tertiary: #152815;
    --bg-card: #112011;
    --border-color: rgba(80, 160, 80, 0.2);
    --border-hover: rgba(120, 200, 80, 0.5);
    --text-primary: #e8f5e9;
    --text-secondary: #a5d6a7;
    --text-muted: #4a7a4a;
    --accent-primary: #66bb6a;
    --accent-secondary: #8bc34a;
    --accent-primary-rgb: 102, 187, 106;
    --accent-secondary-rgb: 139, 195, 74;
    --success-rgb: 76, 175, 80;
    --error-rgb: 229, 57, 53;
    --warning-rgb: 255, 143, 0;
    --accent-gradient: linear-gradient(135deg, #66bb6a 0%, #8bc34a 100%);
    --success: #4caf50;
    --error: #e53935;
    --warning: #ff8f00;
    --shadow-glow: 0 0 30px rgba(100, 180, 100, 0.15);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.5);
    --shadow-dark: rgba(0, 0, 0, 0.4);
    --shadow-light: rgba(100, 180, 100, 0.05);
}

/* === THEME 13 - Candy Pop === */
body.theme-candy {
    --bg-primary: #fff0f5;
    --bg-secondary: #ffe4ef;
    --bg-tertiary: #ffd6ea;
    --bg-card: #ffffff;
    --border-color: rgba(255, 105, 180, 0.2);
    --border-hover: rgba(255, 20, 147, 0.4);
    --text-primary: #3d0030;
    --text-secondary: #9e005d;
    --text-muted: #cc6699;
    --accent-primary: #ff69b4;
    --accent-secondary: #00d4b4;
    --accent-primary-rgb: 255, 105, 180;
    --accent-secondary-rgb: 0, 212, 180;
    --success-rgb: 0, 212, 180;
    --error-rgb: 255, 64, 129;
    --warning-rgb: 255, 171, 64;
    --accent-gradient: linear-gradient(135deg, #ff69b4 0%, #b46eff 50%, #69ffdc 100%);
    --success: #00d4b4;
    --error: #ff4081;
    --warning: #ffab40;
    --shadow-glow: 0 0 30px rgba(255, 105, 180, 0.2);
    --shadow-card: 0 4px 20px rgba(200, 0, 100, 0.08);
    --shadow-dark: rgba(150, 0, 80, 0.12);
    --shadow-light: rgba(255, 255, 255, 0.8);
}

/* === THEME 14 - Clean Light === */
body.theme-light {
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;
    --bg-card: #ffffff;
    --border-color: #e5e7eb;
    --border-hover: #d1d5db;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --accent-primary: #3b82f6;
    --accent-secondary: #8b5cf6;
    --accent-primary-rgb: 59, 130, 246;
    --accent-secondary-rgb: 139, 92, 246;
    --success-rgb: 16, 185, 129;
    --error-rgb: 239, 68, 68;
    --warning-rgb: 245, 158, 11;
    --accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    --success: #10b981;
    --error: #ef4444;
    --warning: #f59e0b;
    --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.1);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-elevated: 0 10px 25px rgba(0, 0, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.1);
    --shadow-light: rgba(255, 255, 255, 0.8);
}

/* === THEME 15 - Corporate Blue === */
body.theme-corporate {
    --bg-primary: #0a1628;
    --bg-secondary: #0d1f38;
    --bg-tertiary: #112548;
    --bg-card: #0e1d36;
    --border-color: rgba(30, 100, 200, 0.25);
    --border-hover: rgba(60, 140, 240, 0.5);
    --text-primary: #e8f0fe;
    --text-secondary: #90b4e8;
    --text-muted: #3a5a8a;
    --accent-primary: #1e88e5;
    --accent-secondary: #42a5f5;
    --accent-primary-rgb: 30, 136, 229;
    --accent-secondary-rgb: 66, 165, 245;
    --success-rgb: 67, 160, 71;
    --error-rgb: 229, 57, 53;
    --warning-rgb: 251, 140, 0;
    --accent-gradient: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);
    --success: #43a047;
    --error: #e53935;
    --warning: #fb8c00;
    --shadow-glow: 0 0 30px rgba(30, 136, 229, 0.2);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.5);
    --shadow-dark: rgba(0, 0, 0, 0.45);
    --shadow-light: rgba(30, 136, 229, 0.05);
}

/* === THEME 16 - Grape Soda === */
body.theme-grape {
    --bg-primary: #0e0520;
    --bg-secondary: #130730;
    --bg-tertiary: #1a0a40;
    --bg-card: #110628;
    --border-color: rgba(150, 80, 255, 0.2);
    --border-hover: rgba(180, 120, 255, 0.5);
    --text-primary: #f0e8ff;
    --text-secondary: #c080ff;
    --text-muted: #6030aa;
    --accent-primary: #9c27b0;
    --accent-secondary: #e040fb;
    --accent-primary-rgb: 156, 39, 176;
    --accent-secondary-rgb: 224, 64, 251;
    --success-rgb: 124, 77, 255;
    --error-rgb: 244, 67, 54;
    --warning-rgb: 255, 214, 0;
    --accent-gradient: linear-gradient(135deg, #9c27b0 0%, #e040fb 50%, #7c4dff 100%);
    --success: #7c4dff;
    --error: #f44336;
    --warning: #ffd600;
    --shadow-glow: 0 0 40px rgba(156, 39, 176, 0.25);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    --shadow-light: rgba(156, 39, 176, 0.05);
}

/* === THEME 17 - Rose Garden === */
body.theme-rose {
    --bg-primary: #1a0510;
    --bg-secondary: #240815;
    --bg-tertiary: #2e0a1c;
    --bg-card: #20081a;
    --border-color: rgba(220, 80, 120, 0.2);
    --border-hover: rgba(255, 100, 150, 0.5);
    --text-primary: #ffe8f0;
    --text-secondary: #f0a0b8;
    --text-muted: #883050;
    --accent-primary: #e91e8c;
    --accent-secondary: #f48fb1;
    --accent-primary-rgb: 233, 30, 140;
    --accent-secondary-rgb: 244, 143, 177;
    --success-rgb: 224, 64, 251;
    --error-rgb: 244, 67, 54;
    --warning-rgb: 255, 167, 38;
    --accent-gradient: linear-gradient(135deg, #e91e8c 0%, #f48fb1 50%, #ce93d8 100%);
    --success: #e040fb;
    --error: #f44336;
    --warning: #ffa726;
    --shadow-glow: 0 0 40px rgba(233, 30, 140, 0.2);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    --shadow-light: rgba(233, 30, 140, 0.04);
}

/* === THEME 18 - Midnight Black === */
body.theme-midnight {
    --bg-primary: #000000;
    --bg-secondary: #050505;
    --bg-tertiary: #0a0a0a;
    --bg-card: #080808;
    --border-color: #1a1a1a;
    --border-hover: #242424;
    --text-primary: #e8e8e8;
    --text-secondary: #666666;
    --text-muted: #333333;
    --accent-primary: #ffffff;
    --accent-secondary: #999999;
    --accent-primary-rgb: 255, 255, 255;
    --accent-secondary-rgb: 153, 153, 153;
    --success-rgb: 76, 175, 80;
    --error-rgb: 244, 67, 54;
    --warning-rgb: 255, 152, 0;
    --accent-gradient: linear-gradient(135deg, #ffffff 0%, #888888 100%);
    --success: #4caf50;
    --error: #f44336;
    --warning: #ff9800;
    --shadow-glow: 0 0 20px rgba(255, 255, 255, 0.05);
    --shadow-card: 0 2px 16px rgba(0, 0, 0, 1);
    --shadow-dark: rgba(0, 0, 0, 0.8);
    --shadow-light: rgba(255, 255, 255, 0.02);
}

/* === THEME 19 - Frost === */
body.theme-frost {
    --bg-primary: #e8f4fc;
    --bg-secondary: #d8ecf8;
    --bg-tertiary: #c8e4f4;
    --bg-card: #f0f8ff;
    --border-color: rgba(100, 180, 240, 0.3);
    --border-hover: rgba(60, 160, 220, 0.6);
    --text-primary: #0a2840;
    --text-secondary: #2a6090;
    --text-muted: #6090b8;
    --accent-primary: #0288d1;
    --accent-secondary: #4fc3f7;
    --accent-primary-rgb: 2, 136, 209;
    --accent-secondary-rgb: 79, 195, 247;
    --success-rgb: 0, 137, 123;
    --error-rgb: 229, 57, 53;
    --warning-rgb: 245, 127, 23;
    --accent-gradient: linear-gradient(135deg, #0288d1 0%, #4fc3f7 100%);
    --success: #00897b;
    --error: #e53935;
    --warning: #f57f17;
    --shadow-glow: 0 0 30px rgba(2, 136, 209, 0.15);
    --shadow-card: 0 2px 12px rgba(0, 80, 160, 0.1);
    --shadow-dark: rgba(0, 80, 160, 0.1);
    --shadow-light: rgba(255, 255, 255, 0.7);
}