:root {
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --border-color: #e5e7eb;
    --shadow-color: rgba(15, 23, 42, 0.08);
    --shadow-hover: rgba(15, 23, 42, 0.15);
    --sidebar-bg: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #312e81;
    --sidebar-border: #c7d2fe;
    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-focus-shadow: rgba(79, 70, 229, 0.25);
    --primary-gradient-start: #4f46e5;
    --primary-gradient-end: #7c3aed;
    --primary-gradient-hover-start: #7c3aed;
    --primary-gradient-hover-end: #4f46e5;
    --danger-color: #ef4444;
    --danger-hover-color: #dc2626;
    --success-color: #22c55e;
    --success-hover-color: #16a34a;
    --info-color: #3b82f6;
    --info-hover-color: #2563eb;
    --footer-bg: #312e81;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #e0e7ff;
    --footer-border: #4338ca;
    --footer-icon-color: #e0e7ff;
}

body.dark-mode {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --border-color: #334155;
    --shadow-color: rgba(2, 6, 23, 0.45);
    --shadow-hover: rgba(30, 41, 59, 0.55);
    --sidebar-bg: linear-gradient(135deg, #020617 0%, #1e293b 100%);
    --sidebar-text: #f8fafc;
    --sidebar-hover-bg: rgba(148, 163, 184, 0.2);
    --sidebar-active-bg: #334155;
    --sidebar-border: #475569;
    --input-bg: #0b1220;
    --input-border: #334155;
    --input-focus-shadow: rgba(99, 102, 241, 0.28);
    --primary-gradient-start: #6366f1;
    --primary-gradient-end: #8b5cf6;
    --primary-gradient-hover-start: #8b5cf6;
    --primary-gradient-hover-end: #6366f1;
    --footer-bg: #020617;
    --footer-text-primary: #f8fafc;
    --footer-text-secondary: #cbd5e1;
    --footer-border: #1e293b;
    --footer-icon-color: #cbd5e1;
}

body.blue-light-mode {
    --bg-primary: #eff6ff;
    --bg-secondary: #ffffff;
    --text-primary: #1e3a8a;
    --text-secondary: #1d4ed8;
    --border-color: #bfdbfe;
    --shadow-color: rgba(30, 58, 138, 0.1);
    --shadow-hover: rgba(37, 99, 235, 0.2);
    --sidebar-bg: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #2563eb;
    --sidebar-border: #93c5fd;
    --input-bg: #f8fbff;
    --input-border: #bfdbfe;
    --input-focus-shadow: rgba(59, 130, 246, 0.25);
    --primary-gradient-start: #3b82f6;
    --primary-gradient-end: #60a5fa;
    --primary-gradient-hover-start: #60a5fa;
    --primary-gradient-hover-end: #3b82f6;
    --footer-bg: #1d4ed8;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #dbeafe;
    --footer-border: #2563eb;
    --footer-icon-color: #dbeafe;
}

/* 1. Degradado Rosa-Rojo Intenso */
body.gradient-rose-red-mode {
    --bg-primary: #fff0f5;
    --bg-secondary: #ffffff;
    --text-primary: #881337;
    --text-secondary: #9f1239;
    --border-color: #fecdd3;
    --shadow-color: rgba(136, 19, 55, 0.1);
    --shadow-hover: rgba(136, 19, 55, 0.2);
    --sidebar-bg: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #881337;
    --sidebar-border: #fda4af;
    --input-bg: #fff1f2;
    --input-border: #fecdd3;
    --input-focus-shadow: rgba(225, 29, 72, 0.3);
    --primary-gradient-start: #e11d48;
    --primary-gradient-end: #be123c;
    --primary-gradient-hover-start: #be123c;
    --primary-gradient-hover-end: #e11d48;
    --danger-color: #ef4444;
    --danger-hover-color: #dc2626;
    --success-color: #22c55e;
    --success-hover-color: #16a34a;
    --info-color: #3b82f6;
    --info-hover-color: #2563eb;
    --footer-bg: #881337;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fff1f2;
    --footer-border: #9f1239;
    --footer-icon-color: #fff1f2;
}

/* 2. Degradado Rosa-Rojo */
body.gradient-pink-red-mode {
    --bg-primary: #fff1f2;
    --bg-secondary: #ffffff;
    --text-primary: #be123c;
    --text-secondary: #e11d48;
    --border-color: #fda4af;
    --shadow-color: rgba(190, 18, 60, 0.1);
    --shadow-hover: rgba(190, 18, 60, 0.2);
    --sidebar-bg: linear-gradient(135deg, #ec4899 0%, #ef4444 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #9f1239;
    --sidebar-border: #fca5a5;
    --input-bg: #fff5f7;
    --input-border: #fda4af;
    --input-focus-shadow: rgba(236, 72, 153, 0.3);
    --primary-gradient-start: #ec4899;
    --primary-gradient-end: #ef4444;
    --primary-gradient-hover-start: #ef4444;
    --primary-gradient-hover-end: #ec4899;
    --danger-color: #dc2626;
    --danger-hover-color: #b91c1c;
    --success-color: #16a34a;
    --success-hover-color: #15803d;
    --info-color: #2563eb;
    --info-hover-color: #1d4ed8;
    --footer-bg: #9f1239;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffe4e6;
    --footer-border: #be123c;
    --footer-icon-color: #ffe4e6;
}

/* 3. Degradado Carmesí-Rosa */
body.gradient-crimson-pink-mode {
    --bg-primary: #fff0f5;
    --bg-secondary: #ffffff;
    --text-primary: #9d174d;
    --text-secondary: #be185d;
    --border-color: #fbcfe8;
    --shadow-color: rgba(157, 23, 77, 0.1);
    --shadow-hover: rgba(157, 23, 77, 0.2);
    --sidebar-bg: linear-gradient(135deg, #dc2626 0%, #db2777 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #831843;
    --sidebar-border: #f9a8d4;
    --input-bg: #fdf2f8;
    --input-border: #fbcfe8;
    --input-focus-shadow: rgba(219, 39, 119, 0.3);
    --primary-gradient-start: #dc2626;
    --primary-gradient-end: #db2777;
    --primary-gradient-hover-start: #db2777;
    --primary-gradient-hover-end: #dc2626;
    --danger-color: #b91c1c;
    --danger-hover-color: #991b1b;
    --success-color: #15803d;
    --success-hover-color: #166534;
    --info-color: #1d4ed8;
    --info-hover-color: #1e40af;
    --footer-bg: #831843;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fce7f3;
    --footer-border: #9d174d;
    --footer-icon-color: #fce7f3;
}

/* 4. Degradado Rosa-Magenta */
body.gradient-pink-magenta-mode {
    --bg-primary: #fdf2f8;
    --bg-secondary: #ffffff;
    --text-primary: #831843;
    --text-secondary: #9d174d;
    --border-color: #fbcfe8;
    --shadow-color: rgba(131, 24, 67, 0.1);
    --shadow-hover: rgba(131, 24, 67, 0.2);
    --sidebar-bg: linear-gradient(135deg, #ec4899 0%, #c026d3 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #701a75;
    --sidebar-border: #e879f9;
    --input-bg: #fae8ff;
    --input-border: #f0abfc;
    --input-focus-shadow: rgba(192, 38, 211, 0.3);
    --primary-gradient-start: #ec4899;
    --primary-gradient-end: #c026d3;
    --primary-gradient-hover-start: #c026d3;
    --primary-gradient-hover-end: #ec4899;
    --danger-color: #be123c;
    --danger-hover-color: #9f1239;
    --success-color: #15803d;
    --success-hover-color: #166534;
    --info-color: #1d4ed8;
    --info-hover-color: #1e40af;
    --footer-bg: #701a75;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fae8ff;
    --footer-border: #86198f;
    --footer-icon-color: #fae8ff;
}

/* 5. Degradado Rosa Profundo */
body.gradient-deep-pink-mode {
    --bg-primary: #fce7f3;
    --bg-secondary: #ffffff;
    --text-primary: #831843;
    --text-secondary: #9d174d;
    --border-color: #fbcfe8;
    --shadow-color: rgba(131, 24, 67, 0.1);
    --shadow-hover: rgba(131, 24, 67, 0.2);
    --sidebar-bg: linear-gradient(135deg, #db2777 0%, #be185d 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #500724;
    --sidebar-border: #f9a8d4;
    --input-bg: #fdf2f8;
    --input-border: #fbcfe8;
    --input-focus-shadow: rgba(219, 39, 119, 0.3);
    --primary-gradient-start: #db2777;
    --primary-gradient-end: #be185d;
    --primary-gradient-hover-start: #be185d;
    --primary-gradient-hover-end: #db2777;
    --danger-color: #9f1239;
    --danger-hover-color: #881337;
    --success-color: #166534;
    --success-hover-color: #14532d;
    --info-color: #1e40af;
    --info-hover-color: #1e3a8a;
    --footer-bg: #500724;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fce7f3;
    --footer-border: #831843;
    --footer-icon-color: #fce7f3;
}

/* 6. Degradado Rosa Caliente */
body.gradient-hot-pink-mode {
    --bg-primary: #fff0f5;
    --bg-secondary: #ffffff;
    --text-primary: #be185d;
    --text-secondary: #db2777;
    --border-color: #fbcfe8;
    --shadow-color: rgba(190, 24, 93, 0.1);
    --shadow-hover: rgba(190, 24, 93, 0.2);
    --sidebar-bg: linear-gradient(135deg, #ff69b4 0%, #db2777 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #831843;
    --sidebar-border: #f9a8d4;
    --input-bg: #fdf2f8;
    --input-border: #fbcfe8;
    --input-focus-shadow: rgba(255, 105, 180, 0.3);
    --primary-gradient-start: #ff69b4;
    --primary-gradient-end: #db2777;
    --primary-gradient-hover-start: #db2777;
    --primary-gradient-hover-end: #ff69b4;
    --danger-color: #be123c;
    --danger-hover-color: #9f1239;
    --success-color: #15803d;
    --success-hover-color: #166534;
    --info-color: #1d4ed8;
    --info-hover-color: #1e40af;
    --footer-bg: #831843;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fce7f3;
    --footer-border: #9d174d;
    --footer-icon-color: #fce7f3;
}

body.gradient-blue-purple-mode {
    --bg-primary: #eef2ff;
    --bg-secondary: #ffffff;
    --text-primary: #312e81;
    --text-secondary: #4338ca;
    --border-color: #c7d2fe;
    --shadow-color: rgba(79, 70, 229, 0.12);
    --shadow-hover: rgba(139, 92, 246, 0.24);
    --sidebar-bg: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #4338ca;
    --sidebar-border: #a5b4fc;
    --input-bg: #f8faff;
    --input-border: #c7d2fe;
    --input-focus-shadow: rgba(99, 102, 241, 0.28);
    --primary-gradient-start: #3b82f6;
    --primary-gradient-end: #8b5cf6;
    --primary-gradient-hover-start: #8b5cf6;
    --primary-gradient-hover-end: #3b82f6;
    --footer-bg: #3730a3;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #e0e7ff;
    --footer-border: #4f46e5;
    --footer-icon-color: #e0e7ff;
}

body.gradient-green-yellow-mode {
    --bg-primary: #f7fee7;
    --bg-secondary: #ffffff;
    --text-primary: #365314;
    --text-secondary: #4d7c0f;
    --border-color: #d9f99d;
    --shadow-color: rgba(132, 204, 22, 0.12);
    --shadow-hover: rgba(234, 179, 8, 0.22);
    --sidebar-bg: linear-gradient(135deg, #22c55e 0%, #facc15 100%);
    --sidebar-text: #1f2937;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.25);
    --sidebar-active-bg: #65a30d;
    --sidebar-border: #bef264;
    --input-bg: #fbffe8;
    --input-border: #d9f99d;
    --input-focus-shadow: rgba(132, 204, 22, 0.28);
    --primary-gradient-start: #22c55e;
    --primary-gradient-end: #facc15;
    --primary-gradient-hover-start: #facc15;
    --primary-gradient-hover-end: #22c55e;
    --footer-bg: #4d7c0f;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ecfccb;
    --footer-border: #65a30d;
    --footer-icon-color: #ecfccb;
}

body.gradient-charcoal-light-grey-mode {
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --border-color: #d1d5db;
    --shadow-color: rgba(31, 41, 55, 0.12);
    --shadow-hover: rgba(17, 24, 39, 0.2);
    --sidebar-bg: linear-gradient(135deg, #111827 0%, #6b7280 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.16);
    --sidebar-active-bg: #1f2937;
    --sidebar-border: #9ca3af;
    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-focus-shadow: rgba(75, 85, 99, 0.22);
    --primary-gradient-start: #374151;
    --primary-gradient-end: #6b7280;
    --primary-gradient-hover-start: #6b7280;
    --primary-gradient-hover-end: #374151;
    --footer-bg: #1f2937;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #e5e7eb;
    --footer-border: #374151;
    --footer-icon-color: #e5e7eb;
}

body.gradient-red-orange-mode {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffffff;
    --text-primary: #7c2d12;
    --text-secondary: #9a3412;
    --border-color: #fed7aa;
    --shadow-color: rgba(234, 88, 12, 0.12);
    --shadow-hover: rgba(249, 115, 22, 0.24);
    --sidebar-bg: linear-gradient(135deg, #dc2626 0%, #fb923c 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #b91c1c;
    --sidebar-border: #fdba74;
    --input-bg: #fffaf5;
    --input-border: #fed7aa;
    --input-focus-shadow: rgba(251, 146, 60, 0.28);
    --primary-gradient-start: #dc2626;
    --primary-gradient-end: #fb923c;
    --primary-gradient-hover-start: #fb923c;
    --primary-gradient-hover-end: #dc2626;
    --footer-bg: #9a3412;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffedd5;
    --footer-border: #c2410c;
    --footer-icon-color: #ffedd5;
}

body.gradient-purple-pink-mode {
    --bg-primary: #fdf2f8;
    --bg-secondary: #ffffff;
    --text-primary: #581c87;
    --text-secondary: #9d174d;
    --border-color: #f5d0fe;
    --shadow-color: rgba(147, 51, 234, 0.12);
    --shadow-hover: rgba(236, 72, 153, 0.24);
    --sidebar-bg: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #7e22ce;
    --sidebar-border: #e9d5ff;
    --input-bg: #fff7ff;
    --input-border: #f5d0fe;
    --input-focus-shadow: rgba(216, 70, 239, 0.26);
    --primary-gradient-start: #8b5cf6;
    --primary-gradient-end: #ec4899;
    --primary-gradient-hover-start: #ec4899;
    --primary-gradient-hover-end: #8b5cf6;
    --footer-bg: #701a75;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fae8ff;
    --footer-border: #a21caf;
    --footer-icon-color: #fae8ff;
}

body.gradient-navy-sky-blue-mode {
    --bg-primary: #eff6ff;
    --bg-secondary: #ffffff;
    --text-primary: #1e3a8a;
    --text-secondary: #1d4ed8;
    --border-color: #bfdbfe;
    --shadow-color: rgba(37, 99, 235, 0.12);
    --shadow-hover: rgba(14, 165, 233, 0.24);
    --sidebar-bg: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #0f172a;
    --sidebar-border: #93c5fd;
    --input-bg: #f7fbff;
    --input-border: #bfdbfe;
    --input-focus-shadow: rgba(14, 165, 233, 0.26);
    --primary-gradient-start: #1e3a8a;
    --primary-gradient-end: #0ea5e9;
    --primary-gradient-hover-start: #0ea5e9;
    --primary-gradient-hover-end: #1e3a8a;
    --footer-bg: #0c4a6e;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #dbeafe;
    --footer-border: #0369a1;
    --footer-icon-color: #dbeafe;
}

body.gradient-coral-turquoise-mode {
    --bg-primary: #fef7f0;
    --bg-secondary: #ffffff;
    --text-primary: #7c2d12;
    --text-secondary: #0f766e;
    --border-color: #fed7aa;
    --shadow-color: rgba(249, 115, 22, 0.12);
    --shadow-hover: rgba(20, 184, 166, 0.22);
    --sidebar-bg: linear-gradient(135deg, #fb923c 0%, #14b8a6 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #0f766e;
    --sidebar-border: #99f6e4;
    --input-bg: #fffaf5;
    --input-border: #fdba74;
    --input-focus-shadow: rgba(20, 184, 166, 0.24);
    --primary-gradient-start: #fb923c;
    --primary-gradient-end: #14b8a6;
    --primary-gradient-hover-start: #14b8a6;
    --primary-gradient-hover-end: #fb923c;
    --footer-bg: #115e59;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ccfbf1;
    --footer-border: #0f766e;
    --footer-icon-color: #ccfbf1;
}

body.gradient-magenta-cyan-mode {
    --bg-primary: #fdf4ff;
    --bg-secondary: #ffffff;
    --text-primary: #86198f;
    --text-secondary: #0e7490;
    --border-color: #e9d5ff;
    --shadow-color: rgba(217, 70, 239, 0.12);
    --shadow-hover: rgba(6, 182, 212, 0.24);
    --sidebar-bg: linear-gradient(135deg, #d946ef 0%, #06b6d4 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #a21caf;
    --sidebar-border: #a5f3fc;
    --input-bg: #fdf8ff;
    --input-border: #e9d5ff;
    --input-focus-shadow: rgba(14, 165, 233, 0.24);
    --primary-gradient-start: #d946ef;
    --primary-gradient-end: #06b6d4;
    --primary-gradient-hover-start: #06b6d4;
    --primary-gradient-hover-end: #d946ef;
    --footer-bg: #155e75;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #cffafe;
    --footer-border: #0891b2;
    --footer-icon-color: #cffafe;
}

body.gradient-gold-emerald-mode {
    --bg-primary: #fffbeb;
    --bg-secondary: #ffffff;
    --text-primary: #78350f;
    --text-secondary: #166534;
    --border-color: #fde68a;
    --shadow-color: rgba(245, 158, 11, 0.12);
    --shadow-hover: rgba(22, 163, 74, 0.24);
    --sidebar-bg: linear-gradient(135deg, #f59e0b 0%, #10b981 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #047857;
    --sidebar-border: #a7f3d0;
    --input-bg: #fffdf2;
    --input-border: #fde68a;
    --input-focus-shadow: rgba(16, 185, 129, 0.24);
    --primary-gradient-start: #f59e0b;
    --primary-gradient-end: #10b981;
    --primary-gradient-hover-start: #10b981;
    --primary-gradient-hover-end: #f59e0b;
    --footer-bg: #14532d;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #d1fae5;
    --footer-border: #047857;
    --footer-icon-color: #d1fae5;
}

body.gradient-indigo-rose-mode {
    --bg-primary: #eef2ff;
    --bg-secondary: #ffffff;
    --text-primary: #312e81;
    --text-secondary: #9f1239;
    --border-color: #c7d2fe;
    --shadow-color: rgba(79, 70, 229, 0.12);
    --shadow-hover: rgba(225, 29, 72, 0.22);
    --sidebar-bg: linear-gradient(135deg, #4f46e5 0%, #f43f5e 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #312e81;
    --sidebar-border: #fda4af;
    --input-bg: #f8faff;
    --input-border: #c7d2fe;
    --input-focus-shadow: rgba(244, 63, 94, 0.24);
    --primary-gradient-start: #4f46e5;
    --primary-gradient-end: #f43f5e;
    --primary-gradient-hover-start: #f43f5e;
    --primary-gradient-hover-end: #4f46e5;
    --footer-bg: #4c1d95;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffe4e6;
    --footer-border: #7c3aed;
    --footer-icon-color: #ffe4e6;
}

body.gradient-violet-amber-mode {
    --bg-primary: #faf5ff;
    --bg-secondary: #ffffff;
    --text-primary: #6b21a8;
    --text-secondary: #b45309;
    --border-color: #e9d5ff;
    --shadow-color: rgba(147, 51, 234, 0.12);
    --shadow-hover: rgba(245, 158, 11, 0.24);
    --sidebar-bg: linear-gradient(135deg, #8b5cf6 0%, #f59e0b 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #7e22ce;
    --sidebar-border: #fcd34d;
    --input-bg: #fcf8ff;
    --input-border: #e9d5ff;
    --input-focus-shadow: rgba(245, 158, 11, 0.24);
    --primary-gradient-start: #8b5cf6;
    --primary-gradient-end: #f59e0b;
    --primary-gradient-hover-start: #f59e0b;
    --primary-gradient-hover-end: #8b5cf6;
    --footer-bg: #6b21a8;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #fef3c7;
    --footer-border: #a855f7;
    --footer-icon-color: #fef3c7;
}

body.gradient-teal-fuchsia-mode {
    --bg-primary: #f0fdfa;
    --bg-secondary: #ffffff;
    --text-primary: #115e59;
    --text-secondary: #a21caf;
    --border-color: #99f6e4;
    --shadow-color: rgba(13, 148, 136, 0.12);
    --shadow-hover: rgba(217, 70, 239, 0.24);
    --sidebar-bg: linear-gradient(135deg, #14b8a6 0%, #d946ef 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #0f766e;
    --sidebar-border: #f5d0fe;
    --input-bg: #f5fffd;
    --input-border: #99f6e4;
    --input-focus-shadow: rgba(217, 70, 239, 0.22);
    --primary-gradient-start: #14b8a6;
    --primary-gradient-end: #d946ef;
    --primary-gradient-hover-start: #d946ef;
    --primary-gradient-hover-end: #14b8a6;
    --footer-bg: #134e4a;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #f5d0fe;
    --footer-border: #0f766e;
    --footer-icon-color: #f5d0fe;
}

body.gradient-emerald-lavender-mode {
    --bg-primary: #f0fdf4;
    --bg-secondary: #ffffff;
    --text-primary: #166534;
    --text-secondary: #7e22ce;
    --border-color: #bbf7d0;
    --shadow-color: rgba(16, 185, 129, 0.12);
    --shadow-hover: rgba(168, 85, 247, 0.22);
    --sidebar-bg: linear-gradient(135deg, #10b981 0%, #a78bfa 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #047857;
    --sidebar-border: #ddd6fe;
    --input-bg: #f7fff9;
    --input-border: #bbf7d0;
    --input-focus-shadow: rgba(168, 85, 247, 0.22);
    --primary-gradient-start: #10b981;
    --primary-gradient-end: #a78bfa;
    --primary-gradient-hover-start: #a78bfa;
    --primary-gradient-hover-end: #10b981;
    --footer-bg: #14532d;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ede9fe;
    --footer-border: #047857;
    --footer-icon-color: #ede9fe;
}

body.gradient-crimson-aquamarine-mode {
    --bg-primary: #fff1f2;
    --bg-secondary: #ffffff;
    --text-primary: #9f1239;
    --text-secondary: #0f766e;
    --border-color: #fecdd3;
    --shadow-color: rgba(225, 29, 72, 0.12);
    --shadow-hover: rgba(45, 212, 191, 0.22);
    --sidebar-bg: linear-gradient(135deg, #dc2626 0%, #2dd4bf 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #991b1b;
    --sidebar-border: #99f6e4;
    --input-bg: #fff7f8;
    --input-border: #fecdd3;
    --input-focus-shadow: rgba(45, 212, 191, 0.22);
    --primary-gradient-start: #dc2626;
    --primary-gradient-end: #2dd4bf;
    --primary-gradient-hover-start: #2dd4bf;
    --primary-gradient-hover-end: #dc2626;
    --footer-bg: #881337;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ccfbf1;
    --footer-border: #be123c;
    --footer-icon-color: #ccfbf1;
}

body.gradient-bronze-mint-mode {
    --bg-primary: #fdf8f3;
    --bg-secondary: #ffffff;
    --text-primary: #78350f;
    --text-secondary: #047857;
    --border-color: #e7d3c2;
    --shadow-color: rgba(161, 98, 7, 0.12);
    --shadow-hover: rgba(16, 185, 129, 0.22);
    --sidebar-bg: linear-gradient(135deg, #b45309 0%, #34d399 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #92400e;
    --sidebar-border: #a7f3d0;
    --input-bg: #fffcf8;
    --input-border: #e7d3c2;
    --input-focus-shadow: rgba(52, 211, 153, 0.22);
    --primary-gradient-start: #b45309;
    --primary-gradient-end: #34d399;
    --primary-gradient-hover-start: #34d399;
    --primary-gradient-hover-end: #b45309;
    --footer-bg: #78350f;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #d1fae5;
    --footer-border: #92400e;
    --footer-icon-color: #d1fae5;
}

body.gradient-sapphire-coral-mode {
    --bg-primary: #eff6ff;
    --bg-secondary: #ffffff;
    --text-primary: #1e3a8a;
    --text-secondary: #9a3412;
    --border-color: #bfdbfe;
    --shadow-color: rgba(37, 99, 235, 0.12);
    --shadow-hover: rgba(251, 146, 60, 0.22);
    --sidebar-bg: linear-gradient(135deg, #2563eb 0%, #fb923c 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #1d4ed8;
    --sidebar-border: #fdba74;
    --input-bg: #f8fbff;
    --input-border: #bfdbfe;
    --input-focus-shadow: rgba(251, 146, 60, 0.24);
    --primary-gradient-start: #2563eb;
    --primary-gradient-end: #fb923c;
    --primary-gradient-hover-start: #fb923c;
    --primary-gradient-hover-end: #2563eb;
    --footer-bg: #1e3a8a;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffedd5;
    --footer-border: #1d4ed8;
    --footer-icon-color: #ffedd5;
}

body.gradient-amethyst-lime-mode {
    --bg-primary: #faf5ff;
    --bg-secondary: #ffffff;
    --text-primary: #6b21a8;
    --text-secondary: #4d7c0f;
    --border-color: #e9d5ff;
    --shadow-color: rgba(147, 51, 234, 0.12);
    --shadow-hover: rgba(132, 204, 22, 0.22);
    --sidebar-bg: linear-gradient(135deg, #a855f7 0%, #84cc16 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #7e22ce;
    --sidebar-border: #d9f99d;
    --input-bg: #fdf9ff;
    --input-border: #e9d5ff;
    --input-focus-shadow: rgba(132, 204, 22, 0.24);
    --primary-gradient-start: #a855f7;
    --primary-gradient-end: #84cc16;
    --primary-gradient-hover-start: #84cc16;
    --primary-gradient-hover-end: #a855f7;
    --footer-bg: #581c87;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ecfccb;
    --footer-border: #7e22ce;
    --footer-icon-color: #ecfccb;
}

body.gradient-ruby-turquoise-mode {
    --bg-primary: #fff1f2;
    --bg-secondary: #ffffff;
    --text-primary: #9f1239;
    --text-secondary: #0f766e;
    --border-color: #fecdd3;
    --shadow-color: rgba(225, 29, 72, 0.12);
    --shadow-hover: rgba(20, 184, 166, 0.22);
    --sidebar-bg: linear-gradient(135deg, #e11d48 0%, #14b8a6 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #9f1239;
    --sidebar-border: #99f6e4;
    --input-bg: #fff7f8;
    --input-border: #fecdd3;
    --input-focus-shadow: rgba(20, 184, 166, 0.24);
    --primary-gradient-start: #e11d48;
    --primary-gradient-end: #14b8a6;
    --primary-gradient-hover-start: #14b8a6;
    --primary-gradient-hover-end: #e11d48;
    --footer-bg: #881337;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ccfbf1;
    --footer-border: #9f1239;
    --footer-icon-color: #ccfbf1;
}

body.gradient-neon-fuchsia-electric-mode {
    --bg-primary: #fdf4ff;
    --bg-secondary: #ffffff;
    --text-primary: #86198f;
    --text-secondary: #1d4ed8;
    --border-color: #f0abfc;
    --shadow-color: rgba(217, 70, 239, 0.12);
    --shadow-hover: rgba(59, 130, 246, 0.24);
    --sidebar-bg: linear-gradient(135deg, #ff00d9 0%, #00a6ff 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #a21caf;
    --sidebar-border: #93c5fd;
    --input-bg: #fff9ff;
    --input-border: #f0abfc;
    --input-focus-shadow: rgba(59, 130, 246, 0.24);
    --primary-gradient-start: #ff00d9;
    --primary-gradient-end: #00a6ff;
    --primary-gradient-hover-start: #00a6ff;
    --primary-gradient-hover-end: #ff00d9;
    --footer-bg: #701a75;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #dbeafe;
    --footer-border: #a21caf;
    --footer-icon-color: #dbeafe;
}

body.gradient-volcano-lava-mode {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffffff;
    --text-primary: #7f1d1d;
    --text-secondary: #b45309;
    --border-color: #fed7aa;
    --shadow-color: rgba(185, 28, 28, 0.14);
    --shadow-hover: rgba(234, 88, 12, 0.26);
    --sidebar-bg: linear-gradient(135deg, #7f1d1d 0%, #ea580c 55%, #facc15 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #991b1b;
    --sidebar-border: #fdba74;
    --input-bg: #fffaf5;
    --input-border: #fed7aa;
    --input-focus-shadow: rgba(234, 88, 12, 0.28);
    --primary-gradient-start: #b91c1c;
    --primary-gradient-end: #f97316;
    --primary-gradient-hover-start: #f97316;
    --primary-gradient-hover-end: #b91c1c;
    --footer-bg: #7f1d1d;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffedd5;
    --footer-border: #9a3412;
    --footer-icon-color: #ffedd5;
}

body.gradient-deep-ocean-mode {
    --bg-primary: #ecfeff;
    --bg-secondary: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #155e75;
    --border-color: #a5f3fc;
    --shadow-color: rgba(8, 47, 73, 0.14);
    --shadow-hover: rgba(14, 116, 144, 0.26);
    --sidebar-bg: linear-gradient(135deg, #0f172a 0%, #0e7490 55%, #22d3ee 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #1e293b;
    --sidebar-border: #67e8f9;
    --input-bg: #f3fcff;
    --input-border: #a5f3fc;
    --input-focus-shadow: rgba(14, 116, 144, 0.26);
    --primary-gradient-start: #155e75;
    --primary-gradient-end: #22d3ee;
    --primary-gradient-hover-start: #22d3ee;
    --primary-gradient-hover-end: #155e75;
    --footer-bg: #082f49;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #cffafe;
    --footer-border: #0e7490;
    --footer-icon-color: #cffafe;
}

body.gradient-aurora-borealis-mode {
    --bg-primary: #f0fdf4;
    --bg-secondary: #ffffff;
    --text-primary: #14532d;
    --text-secondary: #1d4ed8;
    --border-color: #bbf7d0;
    --shadow-color: rgba(22, 163, 74, 0.12);
    --shadow-hover: rgba(56, 189, 248, 0.24);
    --sidebar-bg: linear-gradient(135deg, #22c55e 0%, #22d3ee 50%, #a855f7 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #166534;
    --sidebar-border: #86efac;
    --input-bg: #f7fff9;
    --input-border: #bbf7d0;
    --input-focus-shadow: rgba(34, 211, 238, 0.24);
    --primary-gradient-start: #22c55e;
    --primary-gradient-end: #a855f7;
    --primary-gradient-hover-start: #a855f7;
    --primary-gradient-hover-end: #22c55e;
    --footer-bg: #14532d;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ddd6fe;
    --footer-border: #16a34a;
    --footer-icon-color: #ddd6fe;
}

body.gradient-electric-plasma-mode {
    --bg-primary: #f5f3ff;
    --bg-secondary: #ffffff;
    --text-primary: #4c1d95;
    --text-secondary: #0e7490;
    --border-color: #ddd6fe;
    --shadow-color: rgba(124, 58, 237, 0.12);
    --shadow-hover: rgba(6, 182, 212, 0.26);
    --sidebar-bg: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #6d28d9;
    --sidebar-border: #93c5fd;
    --input-bg: #faf8ff;
    --input-border: #ddd6fe;
    --input-focus-shadow: rgba(6, 182, 212, 0.24);
    --primary-gradient-start: #7c3aed;
    --primary-gradient-end: #06b6d4;
    --primary-gradient-hover-start: #06b6d4;
    --primary-gradient-hover-end: #7c3aed;
    --footer-bg: #4c1d95;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #cffafe;
    --footer-border: #6d28d9;
    --footer-icon-color: #cffafe;
}

body.gradient-solar-fire-mode {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffffff;
    --text-primary: #7c2d12;
    --text-secondary: #b45309;
    --border-color: #fed7aa;
    --shadow-color: rgba(245, 158, 11, 0.14);
    --shadow-hover: rgba(239, 68, 68, 0.24);
    --sidebar-bg: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #c2410c;
    --sidebar-border: #fdba74;
    --input-bg: #fffaf5;
    --input-border: #fed7aa;
    --input-focus-shadow: rgba(245, 158, 11, 0.28);
    --primary-gradient-start: #f59e0b;
    --primary-gradient-end: #ef4444;
    --primary-gradient-hover-start: #ef4444;
    --primary-gradient-hover-end: #f59e0b;
    --footer-bg: #9a3412;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffedd5;
    --footer-border: #c2410c;
    --footer-icon-color: #ffedd5;
}

body.gradient-mystic-crystal-mode {
    --bg-primary: #faf5ff;
    --bg-secondary: #ffffff;
    --text-primary: #5b21b6;
    --text-secondary: #0f766e;
    --border-color: #ddd6fe;
    --shadow-color: rgba(124, 58, 237, 0.12);
    --shadow-hover: rgba(20, 184, 166, 0.24);
    --sidebar-bg: linear-gradient(135deg, #7c3aed 0%, #2dd4bf 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #6d28d9;
    --sidebar-border: #99f6e4;
    --input-bg: #fcf9ff;
    --input-border: #ddd6fe;
    --input-focus-shadow: rgba(20, 184, 166, 0.24);
    --primary-gradient-start: #7c3aed;
    --primary-gradient-end: #2dd4bf;
    --primary-gradient-hover-start: #2dd4bf;
    --primary-gradient-hover-end: #7c3aed;
    --footer-bg: #4c1d95;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ccfbf1;
    --footer-border: #6d28d9;
    --footer-icon-color: #ccfbf1;
}

body.gradient-electric-storm-mode {
    --bg-primary: #f1f5f9;
    --bg-secondary: #ffffff;
    --text-primary: #334155;
    --text-secondary: #1d4ed8;
    --border-color: #cbd5e1;
    --shadow-color: rgba(30, 41, 59, 0.12);
    --shadow-hover: rgba(37, 99, 235, 0.24);
    --sidebar-bg: linear-gradient(135deg, #334155 0%, #2563eb 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #1e293b;
    --sidebar-border: #93c5fd;
    --input-bg: #f8fbff;
    --input-border: #cbd5e1;
    --input-focus-shadow: rgba(37, 99, 235, 0.24);
    --primary-gradient-start: #334155;
    --primary-gradient-end: #2563eb;
    --primary-gradient-hover-start: #2563eb;
    --primary-gradient-hover-end: #334155;
    --footer-bg: #1e293b;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #dbeafe;
    --footer-border: #334155;
    --footer-icon-color: #dbeafe;
}

body.gradient-fire-dragon-mode {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffffff;
    --text-primary: #7f1d1d;
    --text-secondary: #b91c1c;
    --border-color: #fecaca;
    --shadow-color: rgba(127, 29, 29, 0.14);
    --shadow-hover: rgba(251, 146, 60, 0.26);
    --sidebar-bg: linear-gradient(135deg, #7f1d1d 0%, #dc2626 50%, #fb923c 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #991b1b;
    --sidebar-border: #fdba74;
    --input-bg: #fff8f7;
    --input-border: #fecaca;
    --input-focus-shadow: rgba(220, 38, 38, 0.26);
    --primary-gradient-start: #dc2626;
    --primary-gradient-end: #fb923c;
    --primary-gradient-hover-start: #fb923c;
    --primary-gradient-hover-end: #dc2626;
    --footer-bg: #7f1d1d;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ffedd5;
    --footer-border: #991b1b;
    --footer-icon-color: #ffedd5;
}

body.gradient-infinite-galaxy-mode {
    --bg-primary: #f5f3ff;
    --bg-secondary: #ffffff;
    --text-primary: #312e81;
    --text-secondary: #7e22ce;
    --border-color: #ddd6fe;
    --shadow-color: rgba(49, 46, 129, 0.14);
    --shadow-hover: rgba(147, 51, 234, 0.24);
    --sidebar-bg: linear-gradient(135deg, #111827 0%, #312e81 45%, #7e22ce 100%);
    --sidebar-text: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    --sidebar-active-bg: #1f2937;
    --sidebar-border: #c4b5fd;
    --input-bg: #faf9ff;
    --input-border: #ddd6fe;
    --input-focus-shadow: rgba(147, 51, 234, 0.26);
    --primary-gradient-start: #312e81;
    --primary-gradient-end: #7e22ce;
    --primary-gradient-hover-start: #7e22ce;
    --primary-gradient-hover-end: #312e81;
    --footer-bg: #1f1b4b;
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #ddd6fe;
    --footer-border: #312e81;
    --footer-icon-color: #ddd6fe;
}

body.fluorescent-neon-lime-mode {
    --bg-primary: #050b00;
    --bg-secondary: #0b1600;
    --text-primary: #d9ff8c;
    --text-secondary: #b9e96d;
    --border-color: #84cc16;
    --shadow-color: rgba(132, 204, 22, 0.25);
    --shadow-hover: rgba(163, 230, 53, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #65a30d 0%, #a3e635 100%);
    --sidebar-text: #020617;
    --sidebar-hover-bg: rgba(217, 255, 140, 0.25);
    --sidebar-active-bg: #3f6212;
    --sidebar-border: #bef264;
    --input-bg: #101d00;
    --input-border: #84cc16;
    --input-focus-shadow: rgba(163, 230, 53, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #84cc16;
    --primary-gradient-end: #bef264;
    --primary-gradient-hover-start: #bef264;
    --primary-gradient-hover-end: #84cc16;
    --footer-bg: #365314;
    --footer-text-primary: #ecfccb;
    --footer-text-secondary: #d9f99d;
    --footer-border: #65a30d;
    --footer-icon-color: #ecfccb;
}

body.fluorescent-electric-cyan-mode {
    --bg-primary: #020a14;
    --bg-secondary: #03121f;
    --text-primary: #a5f3fc;
    --text-secondary: #67e8f9;
    --border-color: #06b6d4;
    --shadow-color: rgba(6, 182, 212, 0.22);
    --shadow-hover: rgba(34, 211, 238, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #0284c7 0%, #22d3ee 100%);
    --sidebar-text: #082f49;
    --sidebar-hover-bg: rgba(165, 243, 252, 0.24);
    --sidebar-active-bg: #0e7490;
    --sidebar-border: #67e8f9;
    --input-bg: #041a2b;
    --input-border: #06b6d4;
    --input-focus-shadow: rgba(34, 211, 238, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #06b6d4;
    --primary-gradient-end: #22d3ee;
    --primary-gradient-hover-start: #22d3ee;
    --primary-gradient-hover-end: #06b6d4;
    --footer-bg: #0e7490;
    --footer-text-primary: #cffafe;
    --footer-text-secondary: #a5f3fc;
    --footer-border: #0891b2;
    --footer-icon-color: #cffafe;
}

body.fluorescent-hot-pink-mode {
    --bg-primary: #14010d;
    --bg-secondary: #220316;
    --text-primary: #fbcfe8;
    --text-secondary: #f9a8d4;
    --border-color: #ec4899;
    --shadow-color: rgba(236, 72, 153, 0.24);
    --shadow-hover: rgba(244, 114, 182, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #db2777 0%, #f472b6 100%);
    --sidebar-text: #500724;
    --sidebar-hover-bg: rgba(251, 207, 232, 0.24);
    --sidebar-active-bg: #9d174d;
    --sidebar-border: #f472b6;
    --input-bg: #2d0a1e;
    --input-border: #ec4899;
    --input-focus-shadow: rgba(244, 114, 182, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #ec4899;
    --primary-gradient-end: #f472b6;
    --primary-gradient-hover-start: #f472b6;
    --primary-gradient-hover-end: #ec4899;
    --footer-bg: #831843;
    --footer-text-primary: #fdf2f8;
    --footer-text-secondary: #fbcfe8;
    --footer-border: #be185d;
    --footer-icon-color: #fdf2f8;
}

body.fluorescent-bright-yellow-mode {
    --bg-primary: #171200;
    --bg-secondary: #241d00;
    --text-primary: #fef9c3;
    --text-secondary: #fde047;
    --border-color: #facc15;
    --shadow-color: rgba(250, 204, 21, 0.24);
    --shadow-hover: rgba(253, 224, 71, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #ca8a04 0%, #fde047 100%);
    --sidebar-text: #422006;
    --sidebar-hover-bg: rgba(254, 249, 195, 0.24);
    --sidebar-active-bg: #a16207;
    --sidebar-border: #fef08a;
    --input-bg: #2a2200;
    --input-border: #eab308;
    --input-focus-shadow: rgba(253, 224, 71, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #eab308;
    --primary-gradient-end: #fde047;
    --primary-gradient-hover-start: #fde047;
    --primary-gradient-hover-end: #eab308;
    --footer-bg: #854d0e;
    --footer-text-primary: #fefce8;
    --footer-text-secondary: #fef08a;
    --footer-border: #ca8a04;
    --footer-icon-color: #fefce8;
}

body.fluorescent-vivid-orange-mode {
    --bg-primary: #160700;
    --bg-secondary: #2a0d00;
    --text-primary: #fed7aa;
    --text-secondary: #fdba74;
    --border-color: #f97316;
    --shadow-color: rgba(249, 115, 22, 0.24);
    --shadow-hover: rgba(251, 146, 60, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);
    --sidebar-text: #431407;
    --sidebar-hover-bg: rgba(254, 215, 170, 0.24);
    --sidebar-active-bg: #c2410c;
    --sidebar-border: #fb923c;
    --input-bg: #321000;
    --input-border: #f97316;
    --input-focus-shadow: rgba(251, 146, 60, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #f97316;
    --primary-gradient-end: #fb923c;
    --primary-gradient-hover-start: #fb923c;
    --primary-gradient-hover-end: #f97316;
    --footer-bg: #9a3412;
    --footer-text-primary: #fff7ed;
    --footer-text-secondary: #fed7aa;
    --footer-border: #c2410c;
    --footer-icon-color: #fff7ed;
}

body.fluorescent-ultra-violet-mode {
    --bg-primary: #0a0418;
    --bg-secondary: #14082b;
    --text-primary: #e9d5ff;
    --text-secondary: #d8b4fe;
    --border-color: #a855f7;
    --shadow-color: rgba(168, 85, 247, 0.24);
    --shadow-hover: rgba(192, 132, 252, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #7e22ce 0%, #c084fc 100%);
    --sidebar-text: #3b0764;
    --sidebar-hover-bg: rgba(233, 213, 255, 0.24);
    --sidebar-active-bg: #6b21a8;
    --sidebar-border: #c084fc;
    --input-bg: #1f0f3b;
    --input-border: #a855f7;
    --input-focus-shadow: rgba(192, 132, 252, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #a855f7;
    --primary-gradient-end: #c084fc;
    --primary-gradient-hover-start: #c084fc;
    --primary-gradient-hover-end: #a855f7;
    --footer-bg: #581c87;
    --footer-text-primary: #f5f3ff;
    --footer-text-secondary: #e9d5ff;
    --footer-border: #7e22ce;
    --footer-icon-color: #f5f3ff;
}

body.fluorescent-shocking-magenta-mode {
    --bg-primary: #170017;
    --bg-secondary: #2a032a;
    --text-primary: #f5d0fe;
    --text-secondary: #f0abfc;
    --border-color: #d946ef;
    --shadow-color: rgba(217, 70, 239, 0.24);
    --shadow-hover: rgba(232, 121, 249, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #c026d3 0%, #e879f9 100%);
    --sidebar-text: #4a044e;
    --sidebar-hover-bg: rgba(245, 208, 254, 0.24);
    --sidebar-active-bg: #a21caf;
    --sidebar-border: #e879f9;
    --input-bg: #35053a;
    --input-border: #d946ef;
    --input-focus-shadow: rgba(232, 121, 249, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #d946ef;
    --primary-gradient-end: #e879f9;
    --primary-gradient-hover-start: #e879f9;
    --primary-gradient-hover-end: #d946ef;
    --footer-bg: #86198f;
    --footer-text-primary: #fdf4ff;
    --footer-text-secondary: #f5d0fe;
    --footer-border: #a21caf;
    --footer-icon-color: #fdf4ff;
}

body.fluorescent-laser-green-mode {
    --bg-primary: #021005;
    --bg-secondary: #02200a;
    --text-primary: #bbf7d0;
    --text-secondary: #86efac;
    --border-color: #22c55e;
    --shadow-color: rgba(34, 197, 94, 0.24);
    --shadow-hover: rgba(74, 222, 128, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #16a34a 0%, #4ade80 100%);
    --sidebar-text: #14532d;
    --sidebar-hover-bg: rgba(187, 247, 208, 0.24);
    --sidebar-active-bg: #15803d;
    --sidebar-border: #4ade80;
    --input-bg: #043012;
    --input-border: #22c55e;
    --input-focus-shadow: rgba(74, 222, 128, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #22c55e;
    --primary-gradient-end: #4ade80;
    --primary-gradient-hover-start: #4ade80;
    --primary-gradient-hover-end: #22c55e;
    --footer-bg: #166534;
    --footer-text-primary: #f0fdf4;
    --footer-text-secondary: #bbf7d0;
    --footer-border: #15803d;
    --footer-icon-color: #f0fdf4;
}

body.fluorescent-atomic-turquoise-mode {
    --bg-primary: #021014;
    --bg-secondary: #03202b;
    --text-primary: #ccfbf1;
    --text-secondary: #99f6e4;
    --border-color: #14b8a6;
    --shadow-color: rgba(20, 184, 166, 0.24);
    --shadow-hover: rgba(45, 212, 191, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #0f766e 0%, #2dd4bf 100%);
    --sidebar-text: #042f2e;
    --sidebar-hover-bg: rgba(204, 251, 241, 0.24);
    --sidebar-active-bg: #0f766e;
    --sidebar-border: #5eead4;
    --input-bg: #043137;
    --input-border: #14b8a6;
    --input-focus-shadow: rgba(45, 212, 191, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #14b8a6;
    --primary-gradient-end: #2dd4bf;
    --primary-gradient-hover-start: #2dd4bf;
    --primary-gradient-hover-end: #14b8a6;
    --footer-bg: #115e59;
    --footer-text-primary: #f0fdfa;
    --footer-text-secondary: #99f6e4;
    --footer-border: #0f766e;
    --footer-icon-color: #f0fdfa;
}

body.fluorescent-plasma-purple-mode {
    --bg-primary: #0d0420;
    --bg-secondary: #1b063b;
    --text-primary: #ddd6fe;
    --text-secondary: #c4b5fd;
    --border-color: #8b5cf6;
    --shadow-color: rgba(139, 92, 246, 0.24);
    --shadow-hover: rgba(167, 139, 250, var(--fluorescent-intensity, 0.6));
    --sidebar-bg: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
    --sidebar-text: #2e1065;
    --sidebar-hover-bg: rgba(221, 214, 254, 0.24);
    --sidebar-active-bg: #6d28d9;
    --sidebar-border: #a78bfa;
    --input-bg: #2c0d5a;
    --input-border: #8b5cf6;
    --input-focus-shadow: rgba(167, 139, 250, var(--fluorescent-intensity, 0.6));
    --primary-gradient-start: #8b5cf6;
    --primary-gradient-end: #a78bfa;
    --primary-gradient-hover-start: #a78bfa;
    --primary-gradient-hover-end: #8b5cf6;
    --footer-bg: #5b21b6;
    --footer-text-primary: #f5f3ff;
    --footer-text-secondary: #ddd6fe;
    --footer-border: #6d28d9;
    --footer-icon-color: #f5f3ff;
}

/* =========================================
   FRONTEND OVERRIDES FOR TAILWIND CLASSES
   ========================================= */

/* Apply theme colors to Tailwind classes when a gradient theme is active */
body[class*="gradient-"] .bg-indigo-900,
body[class*="gradient-"] .bg-gray-900,
body[class*="gradient-"] .bg-slate-900,
body[class*="gradient-"] .bg-blue-900,
body[class*="fluorescent-"] .bg-indigo-900,
body[class*="fluorescent-"] .bg-gray-900,
body[class*="fluorescent-"] .bg-slate-900,
body[class*="fluorescent-"] .bg-blue-900 {
    background: var(--sidebar-bg) !important;
    border-color: var(--sidebar-border) !important;
}

/* Navbar text and icons */
body[class*="gradient-"] .text-indigo-600,
body[class*="gradient-"] .text-blue-600,
body[class*="gradient-"] .text-indigo-500,
body[class*="gradient-"] .text-blue-500,
body[class*="fluorescent-"] .text-indigo-600,
body[class*="fluorescent-"] .text-blue-600,
body[class*="fluorescent-"] .text-indigo-500,
body[class*="fluorescent-"] .text-blue-500 {
    color: var(--primary-gradient-start) !important;
}

/* Light backgrounds */
body[class*="gradient-"] .bg-indigo-50,
body[class*="gradient-"] .bg-blue-50,
body[class*="gradient-"] .bg-gray-50,
body[class*="fluorescent-"] .bg-indigo-50,
body[class*="fluorescent-"] .bg-blue-50,
body[class*="fluorescent-"] .bg-gray-50 {
    background-color: var(--bg-primary) !important;
}

/* Text colors */
body[class*="gradient-"] .text-gray-800,
body[class*="gradient-"] .text-gray-900,
body[class*="gradient-"] .text-slate-800,
body[class*="gradient-"] .text-slate-900,
body[class*="fluorescent-"] .text-gray-800,
body[class*="fluorescent-"] .text-gray-900,
body[class*="fluorescent-"] .text-slate-800,
body[class*="fluorescent-"] .text-slate-900 {
    color: var(--text-primary) !important;
}

body[class*="gradient-"] .text-gray-600,
body[class*="gradient-"] .text-gray-700,
body[class*="gradient-"] .text-slate-600,
body[class*="gradient-"] .text-slate-700,
body[class*="gradient-"] .text-gray-400,
body[class*="fluorescent-"] .text-gray-600,
body[class*="fluorescent-"] .text-gray-700,
body[class*="fluorescent-"] .text-slate-600,
body[class*="fluorescent-"] .text-slate-700,
body[class*="fluorescent-"] .text-gray-400 {
    color: var(--text-secondary) !important;
}

/* Gradient Buttons */
body[class*="gradient-"] .gradient-btn,
body[class*="fluorescent-"] .gradient-btn {
    background: linear-gradient(135deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%) !important;
    border: none !important;
}

body[class*="gradient-"] .gradient-btn:hover,
body[class*="fluorescent-"] .gradient-btn:hover {
    background: linear-gradient(135deg, var(--primary-gradient-hover-start) 0%, var(--primary-gradient-hover-end) 100%) !important;
    box-shadow: 0 4px 15px var(--shadow-hover) !important;
}

/* Card backgrounds */
body[class*="gradient-"] .bg-white,
body[class*="fluorescent-"] .bg-white {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color);
}

/* Inputs and Forms */
body[class*="gradient-"] input,
body[class*="gradient-"] select,
body[class*="gradient-"] textarea,
body[class*="fluorescent-"] input,
body[class*="fluorescent-"] select,
body[class*="fluorescent-"] textarea {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--text-primary) !important;
}

body[class*="gradient-"] input:focus,
body[class*="gradient-"] select:focus,
body[class*="gradient-"] textarea:focus,
body[class*="fluorescent-"] input:focus,
body[class*="fluorescent-"] select:focus,
body[class*="fluorescent-"] textarea:focus {
    box-shadow: 0 0 0 3px var(--input-focus-shadow) !important;
    border-color: var(--primary-gradient-start) !important;
}

/* Specific overrides for specific themes if needed */
body[class*="gradient-pink-"] .text-indigo-200 {
    color: rgba(255, 255, 255, 0.8) !important;
}