/* Multi-Theme Design System for EduSaaS */

/* 1. Royal Dark (Default) */
:root, .theme-royal {
    --dark-bg: radial-gradient(circle at top right, #1e293b, #0f172a);
    --sidebar-bg: #0f172a;
    --glass-card: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
    --accent-color: #6c5ce7;
    --accent-rgb: 108, 92, 231;
    --accent-glow: 0 0 20px rgba(72, 52, 212, 0.3);
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --btn-primary: #4834d4;
}

/* 2. Emerald Night (Green) */
.theme-emerald {
    --dark-bg: radial-gradient(circle at top right, #064e3b, #022c22);
    --sidebar-bg: #022c22;
    --glass-card: rgba(6, 78, 59, 0.7);
    --glass-border: rgba(52, 211, 153, 0.1);
    --accent-color: #10b981;
    --accent-rgb: 16, 185, 129;
    --accent-glow: 0 0 20px rgba(16, 185, 129, 0.3);
    --text-main: #ecfdf5;
    --text-muted: #6ee7b7;
    --btn-primary: #059669;
}

/* 3. Midnight Blue (Deep Blue) */
.theme-midnight {
    --dark-bg: radial-gradient(circle at top right, #1e3a8a, #1e1b4b);
    --sidebar-bg: #1e1b4b;
    --glass-card: rgba(30, 58, 138, 0.7);
    --glass-border: rgba(96, 165, 250, 0.1);
    --accent-color: #3b82f6;
    --accent-rgb: 59, 130, 246;
    --accent-glow: 0 0 20px rgba(59, 130, 246, 0.3);
    --text-main: #eff6ff;
    --text-muted: #93c5fd;
    --btn-primary: #2563eb;
}

/* 4. Luxury Gold/Dark (Maroon) */
.theme-luxury {
    --dark-bg: radial-gradient(circle at top right, #450a0a, #180505);
    --sidebar-bg: #180505;
    --glass-card: rgba(127, 29, 29, 0.7);
    --glass-border: rgba(251, 191, 36, 0.1);
    --accent-color: #f59e0b;
    --accent-rgb: 245, 158, 11;
    --accent-glow: 0 0 20px rgba(245, 158, 11, 0.3);
    --text-main: #fffbeb;
    --text-muted: #fcd34d;
    --btn-primary: #b45309;
}

/* 5. Cyberpunk (Magenta/Purple) */
.theme-cyberpunk {
    --dark-bg: radial-gradient(circle at top right, #4c1d95, #2e1065);
    --sidebar-bg: #2e1065;
    --glass-card: rgba(91, 33, 182, 0.7);
    --glass-border: rgba(232, 121, 249, 0.1);
    --accent-color: #d946ef;
    --accent-rgb: 217, 70, 239;
    --accent-glow: 0 0 20px rgba(217, 70, 239, 0.3);
    --text-main: #fdf4ff;
    --text-muted: #f5d0fe;
    --btn-primary: #c026d3;
}