/*
 * SiteNova Theme System - Part 1
 * Themes 1-50 (concatenate with themes-part2.css to create themes.css)
 */

:root,
[data-theme="nova-dark"] {
  --bg-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
  --bg-solid: #0f0c29;
  --primary: #6c63ff;
  --primary-hover: #7b73ff;
  --primary-light: rgba(108, 99, 255, 0.15);
  --secondary: #ff6584;
  --secondary-hover: #ff7a95;
  --text: #e4e4e7;
  --text-muted: #a1a1aa;
  --text-inverse: #18181b;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #6c63ff;
  --navbar-bg: rgba(15, 12, 41, 0.9);
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
  --transition: 0.2s ease;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

[data-theme="aurora"] {
  --bg-gradient: linear-gradient(135deg, #0b1a2e, #0d3b3e, #1a4a3a);
  --bg-solid: #0b1a2e;
  --primary: #00d4aa;
  --primary-hover: #00e6b8;
  --primary-light: rgba(0, 212, 170, 0.15);
  --secondary: #7c3aed;
  --secondary-hover: #8b5cf6;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #00d4aa;
  --navbar-bg: rgba(11, 26, 46, 0.9);
}

[data-theme="sunset"] {
  --bg-gradient: linear-gradient(135deg, #1a0a1e, #4a1942, #b73e3e);
  --bg-solid: #1a0a1e;
  --primary: #ff6b6b;
  --primary-hover: #ff8080;
  --primary-light: rgba(255, 107, 107, 0.15);
  --secondary: #ffa726;
  --secondary-hover: #ffb74d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #ff6b6b;
  --navbar-bg: rgba(26, 10, 30, 0.9);
}

[data-theme="ocean"] {
  --bg-gradient: linear-gradient(135deg, #0a192f, #112240, #1a3a5c);
  --bg-solid: #0a192f;
  --primary: #64ffda;
  --primary-hover: #7affde;
  --primary-light: rgba(100, 255, 218, 0.15);
  --secondary: #5eead4;
  --secondary-hover: #6ed9e0;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #64ffda;
  --navbar-bg: rgba(10, 25, 47, 0.9);
}

[data-theme="forest"] {
  --bg-gradient: linear-gradient(135deg, #0a1a0f, #132a1a, #1e3a28);
  --bg-solid: #0a1a0f;
  --primary: #4ade80;
  --primary-hover: #5ae890;
  --primary-light: rgba(74, 222, 128, 0.15);
  --secondary: #86efac;
  --secondary-hover: #96f5bc;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #4ade80;
  --navbar-bg: rgba(10, 26, 15, 0.9);
}

[data-theme="royal"] {
  --bg-gradient: linear-gradient(135deg, #1a0a2e, #2d1b4e, #4a2c7a);
  --bg-solid: #1a0a2e;
  --primary: #a855f7;
  --primary-hover: #b86df9;
  --primary-light: rgba(168, 85, 247, 0.15);
  --secondary: #e879f9;
  --secondary-hover: #ed8df5;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #a855f7;
  --navbar-bg: rgba(26, 10, 46, 0.9);
}

[data-theme="crimson"] {
  --bg-gradient: linear-gradient(135deg, #1a0a0a, #3b0f0f, #5c1a1a);
  --bg-solid: #1a0a0a;
  --primary: #f87171;
  --primary-hover: #f98c8c;
  --primary-light: rgba(248, 113, 113, 0.15);
  --secondary: #fca5a5;
  --secondary-hover: #fcb5b5;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f87171;
  --navbar-bg: rgba(26, 10, 10, 0.9);
}

[data-theme="golden"] {
  --bg-gradient: linear-gradient(135deg, #1a150a, #3b2f0f, #5c4a1a);
  --bg-solid: #1a150a;
  --primary: #fbbf24;
  --primary-hover: #fbc94d;
  --primary-light: rgba(251, 191, 36, 0.15);
  --secondary: #f59e0b;
  --secondary-hover: #f6a822;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #fbbf24;
  --navbar-bg: rgba(26, 21, 10, 0.9);
}

[data-theme="midnight"] {
  --bg-gradient: linear-gradient(135deg, #020617, #0f172a, #1e293b);
  --bg-solid: #020617;
  --primary: #38bdf8;
  --primary-hover: #5ccaf9;
  --primary-light: rgba(56, 189, 248, 0.15);
  --secondary: #818cf8;
  --secondary-hover: #9198f9;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #38bdf8;
  --navbar-bg: rgba(2, 6, 23, 0.9);
}

[data-theme="neon"] {
  --bg-gradient: linear-gradient(135deg, #0a001a, #1a0a3b, #2a0a5c);
  --bg-solid: #0a001a;
  --primary: #c084fc;
  --primary-hover: #ca94fd;
  --primary-light: rgba(192, 132, 252, 0.15);
  --secondary: #22d3ee;
  --secondary-hover: #3ad7ee;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #c084fc;
  --navbar-bg: rgba(10, 0, 26, 0.9);
}

[data-theme="cherry"] {
  --bg-gradient: linear-gradient(135deg, #1a0a15, #3b0f2a, #5c1a40);
  --bg-solid: #1a0a15;
  --primary: #f472b6;
  --primary-hover: #f582be;
  --primary-light: rgba(244, 114, 182, 0.15);
  --secondary: #fb7185;
  --secondary-hover: #fc8295;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f472b6;
  --navbar-bg: rgba(26, 10, 21, 0.9);
}

[data-theme="arctic"] {
  --bg-gradient: linear-gradient(135deg, #e8f4f8, #d1ecf1, #bee5eb);
  --bg-solid: #e8f4f8;
  --primary: #0891b2;
  --primary-hover: #0ea5c3;
  --primary-light: rgba(8, 145, 178, 0.15);
  --secondary: #06b6d4;
  --secondary-hover: #22c8df;
  --text: #1e293b;
  --text-muted: #64748b;
  --text-inverse: #ffffff;
  --surface: rgba(0, 0, 0, 0.04);
  --surface-hover: rgba(0, 0, 0, 0.08);
  --card-bg: rgba(0, 0, 0, 0.05);
  --card-border: rgba(0, 0, 0, 0.1);
  --input-bg: rgba(0, 0, 0, 0.06);
  --input-border: rgba(0, 0, 0, 0.12);
  --input-focus: #0891b2;
  --navbar-bg: rgba(232, 244, 248, 0.9);
}

[data-theme="lavender"] {
  --bg-gradient: linear-gradient(135deg, #f5f0ff, #ede5ff, #e0d4ff);
  --bg-solid: #f5f0ff;
  --primary: #7c3aed;
  --primary-hover: #8b5cf6;
  --primary-light: rgba(124, 58, 237, 0.15);
  --secondary: #a78bfa;
  --secondary-hover: #b49cfb;
  --text: #1e1b4b;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --surface: rgba(0, 0, 0, 0.04);
  --surface-hover: rgba(0, 0, 0, 0.08);
  --card-bg: rgba(0, 0, 0, 0.05);
  --card-border: rgba(0, 0, 0, 0.1);
  --input-bg: rgba(0, 0, 0, 0.06);
  --input-border: rgba(0, 0, 0, 0.12);
  --input-focus: #7c3aed;
  --navbar-bg: rgba(245, 240, 255, 0.9);
}

[data-theme="rosegold"] {
  --bg-gradient: linear-gradient(135deg, #1a0f12, #3b1f2a, #5c2e42);
  --bg-solid: #1a0f12;
  --primary: #e8a0bf;
  --primary-hover: #ecb0ca;
  --primary-light: rgba(232, 160, 191, 0.15);
  --secondary: #d4a574;
  --secondary-hover: #dbb488;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #e8a0bf;
  --navbar-bg: rgba(26, 15, 18, 0.9);
}

[data-theme="emerald"] {
  --bg-gradient: linear-gradient(135deg, #052e16, #14532d, #166534);
  --bg-solid: #052e16;
  --primary: #34d399;
  --primary-hover: #4dd8a7;
  --primary-light: rgba(52, 211, 153, 0.15);
  --secondary: #6ee7b7;
  --secondary-hover: #7eecbf;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #34d399;
  --navbar-bg: rgba(5, 46, 22, 0.9);
}

[data-theme="peach"] {
  --bg-gradient: linear-gradient(135deg, #1a1008, #3b2210, #5c3818);
  --bg-solid: #1a1008;
  --primary: #fb923c;
  --primary-hover: #fca052;
  --primary-light: rgba(251, 146, 60, 0.15);
  --secondary: #fdba74;
  --secondary-hover: #fdc488;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #fb923c;
  --navbar-bg: rgba(26, 16, 8, 0.9);
}

[data-theme="sapphire"] {
  --bg-gradient: linear-gradient(135deg, #0a0a2e, #1a1a4e, #2a2a6e);
  --bg-solid: #0a0a2e;
  --primary: #6366f1;
  --primary-hover: #7578f3;
  --primary-light: rgba(99, 102, 241, 0.15);
  --secondary: #818cf8;
  --secondary-hover: #9198f9;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #6366f1;
  --navbar-bg: rgba(10, 10, 46, 0.9);
}

[data-theme="mint"] {
  --bg-gradient: linear-gradient(135deg, #052e25, #0f5132, #1a7a4a);
  --bg-solid: #052e25;
  --primary: #2dd4bf;
  --primary-hover: #45dace;
  --primary-light: rgba(45, 212, 191, 0.15);
  --secondary: #5eead4;
  --secondary-hover: #6ef0d8;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #2dd4bf;
  --navbar-bg: rgba(5, 46, 37, 0.9);
}

[data-theme="volcanic"] {
  --bg-gradient: linear-gradient(135deg, #1a1a1a, #2d2d2d, #3d2b1a);
  --bg-solid: #1a1a1a;
  --primary: #f97316;
  --primary-hover: #fa8230;
  --primary-light: rgba(249, 115, 22, 0.15);
  --secondary: #ef4444;
  --secondary-hover: #f05555;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f97316;
  --navbar-bg: rgba(26, 26, 26, 0.9);
}

[data-theme="cottoncandy"] {
  --bg-gradient: linear-gradient(135deg, #fdf2f8, #fce7f3, #f5d0fe);
  --bg-solid: #fdf2f8;
  --primary: #ec4899;
  --primary-hover: #ef5aa5;
  --primary-light: rgba(236, 72, 153, 0.15);
  --secondary: #a855f7;
  --secondary-hover: #b76df9;
  --text: #1e1b4b;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --surface: rgba(0, 0, 0, 0.04);
  --surface-hover: rgba(0, 0, 0, 0.08);
  --card-bg: rgba(0, 0, 0, 0.05);
  --card-border: rgba(0, 0, 0, 0.1);
  --input-bg: rgba(0, 0, 0, 0.06);
  --input-border: rgba(0, 0, 0, 0.12);
  --input-focus: #ec4899;
  --navbar-bg: rgba(253, 242, 248, 0.9);
}

[data-theme="steel"] {
  --bg-gradient: linear-gradient(135deg, #18181b, #27272a, #3f3f46);
  --bg-solid: #18181b;
  --primary: #a1a1aa;
  --primary-hover: #b4b4bc;
  --primary-light: rgba(161, 161, 170, 0.15);
  --secondary: #71717a;
  --secondary-hover: #84848d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #a1a1aa;
  --navbar-bg: rgba(24, 24, 27, 0.9);
}

[data-theme="solar"] {
  --bg-gradient: linear-gradient(135deg, #1a1005, #3b2208, #5c3810);
  --bg-solid: #1a1005;
  --primary: #f59e0b;
  --primary-hover: #f6a822;
  --primary-light: rgba(245, 158, 11, 0.15);
  --secondary: #f97316;
  --secondary-hover: #fa8230;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f59e0b;
  --navbar-bg: rgba(26, 16, 5, 0.9);
}

[data-theme="deepspace"] {
  --bg-gradient: linear-gradient(135deg, #070014, #12002b, #1e0042);
  --bg-solid: #070014;
  --primary: #8b5cf6;
  --primary-hover: #9b6df7;
  --primary-light: rgba(139, 92, 246, 0.15);
  --secondary: #a78bfa;
  --secondary-hover: #b49cfb;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #8b5cf6;
  --navbar-bg: rgba(7, 0, 20, 0.9);
}

[data-theme="coral"] {
  --bg-gradient: linear-gradient(135deg, #1a0f0f, #3b1a1a, #5c2828);
  --bg-solid: #1a0f0f;
  --primary: #f87171;
  --primary-hover: #f98c8c;
  --primary-light: rgba(248, 113, 113, 0.15);
  --secondary: #fb923c;
  --secondary-hover: #fca052;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f87171;
  --navbar-bg: rgba(26, 15, 15, 0.9);
}

[data-theme="midnight-rose"] {
  --bg-gradient: linear-gradient(135deg, #1a0510, #3b0a25, #5c103a);
  --bg-solid: #1a0510;
  --primary: #e11d48;
  --primary-hover: #e33059;
  --primary-light: rgba(225, 29, 72, 0.15);
  --secondary: #f472b6;
  --secondary-hover: #f582be;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #e11d48;
  --navbar-bg: rgba(26, 5, 16, 0.9);
}

[data-theme="cyberpunk"] {
  --bg-gradient: linear-gradient(135deg, #0a0a0a, #1a1a0a, #0a1a1a);
  --bg-solid: #0a0a0a;
  --primary: #39ff14;
  --primary-hover: #4dff33;
  --primary-light: rgba(57, 255, 20, 0.15);
  --secondary: #ff00ff;
  --secondary-hover: #ff33ff;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #39ff14;
  --navbar-bg: rgba(10, 10, 10, 0.9);
}

[data-theme="retro-amber"] {
  --bg-gradient: linear-gradient(135deg, #1a150a, #3b2f0f, #5c4a1a);
  --bg-solid: #1a150a;
  --primary: #d97706;
  --primary-hover: #e08820;
  --primary-light: rgba(217, 119, 6, 0.15);
  --secondary: #92400e;
  --secondary-hover: #a35213;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #d97706;
  --navbar-bg: rgba(26, 21, 10, 0.9);
}

[data-theme="ice-blue"] {
  --bg-gradient: linear-gradient(135deg, #0a1628, #152238, #1a3048);
  --bg-solid: #0a1628;
  --primary: #38bdf8;
  --primary-hover: #5ccaf9;
  --primary-light: rgba(56, 189, 248, 0.15);
  --secondary: #7dd3fc;
  --secondary-hover: #8ddcfa;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #38bdf8;
  --navbar-bg: rgba(10, 22, 40, 0.9);
}

[data-theme="jungle"] {
  --bg-gradient: linear-gradient(135deg, #071a0a, #0f3015, #1a4a22);
  --bg-solid: #071a0a;
  --primary: #22c55e;
  --primary-hover: #38cc70;
  --primary-light: rgba(34, 197, 94, 0.15);
  --secondary: #84cc16;
  --secondary-hover: #92d130;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #22c55e;
  --navbar-bg: rgba(7, 26, 10, 0.9);
}

[data-theme="wine"] {
  --bg-gradient: linear-gradient(135deg, #1a0510, #3b0820, #5c0b30);
  --bg-solid: #1a0510;
  --primary: #be123c;
  --primary-hover: #c9264e;
  --primary-light: rgba(190, 18, 60, 0.15);
  --secondary: #e11d48;
  --secondary-hover: #e33059;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #be123c;
  --navbar-bg: rgba(26, 5, 16, 0.9);
}

[data-theme="nordic"] {
  --bg-gradient: linear-gradient(135deg, #e5e7eb, #d1d5db, #c4c9d4);
  --bg-solid: #e5e7eb;
  --primary: #3b82f6;
  --primary-hover: #5090f7;
  --primary-light: rgba(59, 130, 246, 0.15);
  --secondary: #06b6d4;
  --secondary-hover: #22c8df;
  --text: #111827;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --surface: rgba(0, 0, 0, 0.04);
  --surface-hover: rgba(0, 0, 0, 0.08);
  --card-bg: rgba(0, 0, 0, 0.05);
  --card-border: rgba(0, 0, 0, 0.1);
  --input-bg: rgba(0, 0, 0, 0.06);
  --input-border: rgba(0, 0, 0, 0.12);
  --input-focus: #3b82f6;
  --navbar-bg: rgba(229, 231, 235, 0.9);
}

[data-theme="ember"] {
  --bg-gradient: linear-gradient(135deg, #1a0805, #3b1008, #5c1810);
  --bg-solid: #1a0805;
  --primary: #ea580c;
  --primary-hover: #eb6820;
  --primary-light: rgba(234, 88, 12, 0.15);
  --secondary: #f97316;
  --secondary-hover: #fa8230;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #ea580c;
  --navbar-bg: rgba(26, 8, 5, 0.9);
}

[data-theme="twilight"] {
  --bg-gradient: linear-gradient(135deg, #0f0a20, #1e1540, #2d2060);
  --bg-solid: #0f0a20;
  --primary: #818cf8;
  --primary-hover: #9198f9;
  --primary-light: rgba(129, 140, 248, 0.15);
  --secondary: #c084fc;
  --secondary-hover: #ca94fd;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #818cf8;
  --navbar-bg: rgba(15, 10, 32, 0.9);
}

[data-theme="sakura"] {
  --bg-gradient: linear-gradient(135deg, #1a0f15, #3b1a25, #5c2535);
  --bg-solid: #1a0f15;
  --primary: #f472b6;
  --primary-hover: #f582be;
  --primary-light: rgba(244, 114, 182, 0.15);
  --secondary: #ec4899;
  --secondary-hover: #ef5aa5;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #f472b6;
  --navbar-bg: rgba(26, 15, 21, 0.9);
}

[data-theme="cosmos"] {
  --bg-gradient: linear-gradient(135deg, #0a0518, #1a0a30, #2a1048);
  --bg-solid: #0a0518;
  --primary: #a78bfa;
  --primary-hover: #b49cfb;
  --primary-light: rgba(167, 139, 250, 0.15);
  --secondary: #c084fc;
  --secondary-hover: #ca94fd;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #a78bfa;
  --navbar-bg: rgba(10, 5, 24, 0.9);
}

[data-theme="jade"] {
  --bg-gradient: linear-gradient(135deg, #0a1a15, #153028, #20453b);
  --bg-solid: #0a1a15;
  --primary: #059669;
  --primary-hover: #10a87e;
  --primary-light: rgba(5, 150, 105, 0.15);
  --secondary: #10b981;
  --secondary-hover: #25c490;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #059669;
  --navbar-bg: rgba(10, 26, 21, 0.9);
}

[data-theme="copper"] {
  --bg-gradient: linear-gradient(135deg, #1a120a, #3b280f, #5c3e18);
  --bg-solid: #1a120a;
  --primary: #c2884e;
  --primary-hover: #cfa062;
  --primary-light: rgba(194, 136, 78, 0.15);
  --secondary: #a16207;
  --secondary-hover: #b2720e;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #c2884e;
  --navbar-bg: rgba(26, 18, 10, 0.9);
}

[data-theme="glacier"] {
  --bg-gradient: linear-gradient(135deg, #0a1825, #15283a, #1a3850);
  --bg-solid: #0a1825;
  --primary: #0ea5e9;
  --primary-hover: #26b4ea;
  --primary-light: rgba(14, 165, 233, 0.15);
  --secondary: #38bdf8;
  --secondary-hover: #5ccaf9;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #0ea5e9;
  --navbar-bg: rgba(10, 24, 37, 0.9);
}

[data-theme="amber"] {
  --bg-gradient: linear-gradient(135deg, #1a1205, #3b2808, #5c3e10);
  --bg-solid: #1a1205;
  --primary: #d97706;
  --primary-hover: #e08820;
  --primary-light: rgba(217, 119, 6, 0.15);
  --secondary: #f59e0b;
  --secondary-hover: #f6a822;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #d97706;
  --navbar-bg: rgba(26, 18, 5, 0.9);
}

[data-theme="onyx"] {
  --bg-gradient: linear-gradient(135deg, #0a0a0a, #171717, #262626);
  --bg-solid: #0a0a0a;
  --primary: #525252;
  --primary-hover: #666666;
  --primary-light: rgba(82, 82, 82, 0.15);
  --secondary: #737373;
  --secondary-hover: #858585;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #525252;
  --navbar-bg: rgba(10, 10, 10, 0.9);
}

[data-theme="cerulean"] {
  --bg-gradient: linear-gradient(135deg, #0a1a30, #153050, #1a4070);
  --bg-solid: #0a1a30;
  --primary: #0284c7;
  --primary-hover: #0e96d8;
  --primary-light: rgba(2, 132, 199, 0.15);
  --secondary: #0ea5e9;
  --secondary-hover: #26b4ea;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #0284c7;
  --navbar-bg: rgba(10, 26, 48, 0.9);
}

[data-theme="plum"] {
  --bg-gradient: linear-gradient(135deg, #1a0a20, #2e1238, #421a50);
  --bg-solid: #1a0a20;
  --primary: #9333ea;
  --primary-hover: #a244ec;
  --primary-light: rgba(147, 51, 234, 0.15);
  --secondary: #c084fc;
  --secondary-hover: #ca94fd;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #9333ea;
  --navbar-bg: rgba(26, 10, 32, 0.9);
}

[data-theme="moss"] {
  --bg-gradient: linear-gradient(135deg, #12150a, #232a12, #343f1a);
  --bg-solid: #12150a;
  --primary: #65a30d;
  --primary-hover: #74b418;
  --primary-light: rgba(101, 163, 13, 0.15);
  --secondary: #84cc16;
  --secondary-hover: #92d130;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #65a30d;
  --navbar-bg: rgba(18, 21, 10, 0.9);
}

[data-theme="terracotta"] {
  --bg-gradient: linear-gradient(135deg, #1a0f0a, #3b1a10, #5c2518);
  --bg-solid: #1a0f0a;
  --primary: #dc2626;
  --primary-hover: #e13838;
  --primary-light: rgba(220, 38, 38, 0.15);
  --secondary: #ea580c;
  --secondary-hover: #eb6820;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #dc2626;
  --navbar-bg: rgba(26, 15, 10, 0.9);
}

[data-theme="teal"] {
  --bg-gradient: linear-gradient(135deg, #0a1a20, #152e35, #1a424a);
  --bg-solid: #0a1a20;
  --primary: #14b8a6;
  --primary-hover: #26bec9;
  --primary-light: rgba(20, 184, 166, 0.15);
  --secondary: #2dd4bf;
  --secondary-hover: #45dace;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #14b8a6;
  --navbar-bg: rgba(10, 26, 32, 0.9);
}

[data-theme="indigo"] {
  --bg-gradient: linear-gradient(135deg, #0a0a28, #1a1a48, #2a2a68);
  --bg-solid: #0a0a28;
  --primary: #4f46e5;
  --primary-hover: #6058e8;
  --primary-light: rgba(79, 70, 229, 0.15);
  --secondary: #818cf8;
  --secondary-hover: #9198f9;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #4f46e5;
  --navbar-bg: rgba(10, 10, 40, 0.9);
}

[data-theme="sienna"] {
  --bg-gradient: linear-gradient(135deg, #1a100a, #3b1f10, #5c2e18);
  --bg-solid: #1a100a;
  --primary: #b45309;
  --primary-hover: #c46210;
  --primary-light: rgba(180, 83, 9, 0.15);
  --secondary: #d97706;
  --secondary-hover: #e08820;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #b45309;
  --navbar-bg: rgba(26, 16, 10, 0.9);
}

[data-theme="aquamarine"] {
  --bg-gradient: linear-gradient(135deg, #051a1a, #0a2e2e, #104242);
  --bg-solid: #051a1a;
  --primary: #06b6d4;
  --primary-hover: #22c8df;
  --primary-light: rgba(6, 182, 212, 0.15);
  --secondary: #22d3ee;
  --secondary-hover: #3ad7ee;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #06b6d4;
  --navbar-bg: rgba(5, 26, 26, 0.9);
}

[data-theme="burgundy"] {
  --bg-gradient: linear-gradient(135deg, #1a0508, #3b0810, #5c0b18);
  --bg-solid: #1a0508;
  --primary: #9f1239;
  --primary-hover: #b01e48;
  --primary-light: rgba(159, 18, 57, 0.15);
  --secondary: #be123c;
  --secondary-hover: #c9264e;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #9f1239;
  --navbar-bg: rgba(26, 5, 8, 0.9);
}

[data-theme="slate"] {
  --bg-gradient: linear-gradient(135deg, #0f172a, #1e293b, #334155);
  --bg-solid: #0f172a;
  --primary: #64748b;
  --primary-hover: #7a8899;
  --primary-light: rgba(100, 116, 139, 0.15);
  --secondary: #475569;
  --secondary-hover: #5a6678;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.1);
  --input-bg: rgba(255, 255, 255, 0.08);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: #64748b;
  --navbar-bg: rgba(15, 23, 42, 0.9);
}
[data-theme="obsidian"] {
  --bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a0f0f 50%, #2d1810 100%);
  --bg-solid: #0f0a0a;
  --primary: #ff4500;
  --primary-hover: #ff6b35;
  --primary-light: rgba(255, 69, 0, 0.2);
  --secondary: #8b0000;
  --secondary-hover: #a52a2a;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(20, 12, 10, 0.8);
  --card-border: rgba(255, 69, 0, 0.3);
  --input-bg: rgba(30, 18, 15, 0.9);
  --input-border: rgba(255, 69, 0, 0.2);
  --input-focus: #ff4500;
  --navbar-bg: rgba(10, 8, 8, 0.9);
}

[data-theme="cloud"] {
  --bg-gradient: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
  --bg-solid: #f8fafc;
  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-light: rgba(2, 132, 199, 0.15);
  --secondary: #475569;
  --secondary-hover: #334155;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.85);
  --card-border: rgba(148, 163, 184, 0.3);
  --input-bg: rgba(255, 255, 255, 0.9);
  --input-border: rgba(148, 163, 184, 0.4);
  --input-focus: #0284c7;
  --navbar-bg: rgba(248, 250, 252, 0.9);
  --text: #0f172a;
  --text-muted: #64748b;
}

[data-theme="bronze"] {
  --bg-gradient: linear-gradient(160deg, #1a1209 0%, #2d1f10 50%, #3d2b1a 100%);
  --bg-solid: #1a1209;
  --primary: #cd7f32;
  --primary-hover: #daa520;
  --primary-light: rgba(205, 127, 50, 0.2);
  --secondary: #8b6914;
  --secondary-hover: #a67c00;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(26, 18, 9, 0.85);
  --card-border: rgba(205, 127, 50, 0.25);
  --input-bg: rgba(45, 31, 16, 0.9);
  --input-border: rgba(205, 127, 50, 0.2);
  --input-focus: #cd7f32;
  --navbar-bg: rgba(20, 15, 8, 0.9);
}

[data-theme="lavender-mist"] {
  --bg-gradient: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 50%, #e9d5ff 100%);
  --bg-solid: #faf5ff;
  --primary: #7c3aed;
  --primary-hover: #6d28d9;
  --primary-light: rgba(124, 58, 237, 0.12);
  --secondary: #64748b;
  --secondary-hover: #475569;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.75);
  --card-border: rgba(192, 132, 252, 0.3);
  --input-bg: rgba(255, 255, 255, 0.8);
  --input-border: rgba(192, 132, 252, 0.3);
  --input-focus: #7c3aed;
  --navbar-bg: rgba(250, 245, 255, 0.9);
  --text: #0f172a;
  --text-muted: #64748b;
}

[data-theme="rust"] {
  --bg-gradient: linear-gradient(145deg, #1a0e05 0%, #2d1810 50%, #3d2518 100%);
  --bg-solid: #1a0e05;
  --primary: #c2410c;
  --primary-hover: #ea580c;
  --primary-light: rgba(194, 65, 12, 0.25);
  --secondary: #92400e;
  --secondary-hover: #b45309;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 14, 5, 0.85);
  --card-border: rgba(194, 65, 12, 0.3);
  --input-bg: rgba(45, 24, 16, 0.9);
  --input-border: rgba(194, 65, 12, 0.25);
  --input-focus: #c2410c;
  --navbar-bg: rgba(20, 12, 5, 0.9);
}

[data-theme="lagoon"] {
  --bg-gradient: linear-gradient(170deg, #042f2e 0%, #0d4f4f 50%, #115e59 100%);
  --bg-solid: #042f2e;
  --primary: #14b8a6;
  --primary-hover: #0d9488;
  --primary-light: rgba(20, 184, 166, 0.25);
  --secondary: #0f766e;
  --secondary-hover: #115e59;
  --surface: rgba(255, 255, 255, 0.06);
  --surface-hover: rgba(255, 255, 255, 0.12);
  --card-bg: rgba(4, 47, 46, 0.85);
  --card-border: rgba(20, 184, 166, 0.3);
  --input-bg: rgba(13, 79, 79, 0.9);
  --input-border: rgba(20, 184, 166, 0.25);
  --input-focus: #14b8a6;
  --navbar-bg: rgba(4, 35, 35, 0.9);
}

[data-theme="raspberry"] {
  --bg-gradient: linear-gradient(155deg, #1a0a15 0%, #2d1025 50%, #3d1835 100%);
  --bg-solid: #1a0a15;
  --primary: #e11d48;
  --primary-hover: #be123c;
  --primary-light: rgba(225, 29, 72, 0.25);
  --secondary: #9f1239;
  --secondary-hover: #881337;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 10, 21, 0.85);
  --card-border: rgba(225, 29, 72, 0.3);
  --input-bg: rgba(45, 16, 37, 0.9);
  --input-border: rgba(225, 29, 72, 0.25);
  --input-focus: #e11d48;
  --navbar-bg: rgba(20, 8, 18, 0.9);
}

[data-theme="charcoal"] {
  --bg-gradient: linear-gradient(140deg, #18181b 0%, #27272a 50%, #3f3f46 100%);
  --bg-solid: #18181b;
  --primary: #a1a1aa;
  --primary-hover: #d4d4d8;
  --primary-light: rgba(161, 161, 170, 0.2);
  --secondary: #71717a;
  --secondary-hover: #a1a1aa;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(24, 24, 27, 0.9);
  --card-border: rgba(161, 161, 170, 0.2);
  --input-bg: rgba(39, 39, 42, 0.95);
  --input-border: rgba(161, 161, 170, 0.2);
  --input-focus: #a1a1aa;
  --navbar-bg: rgba(18, 18, 20, 0.9);
}

[data-theme="honey"] {
  --bg-gradient: linear-gradient(165deg, #1a1400 0%, #2d2200 50%, #443300 100%);
  --bg-solid: #1a1400;
  --primary: #eab308;
  --primary-hover: #ca8a04;
  --primary-light: rgba(234, 179, 8, 0.2);
  --secondary: #a16207;
  --secondary-hover: #854d0e;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 20, 0, 0.85);
  --card-border: rgba(234, 179, 8, 0.25);
  --input-bg: rgba(45, 34, 0, 0.9);
  --input-border: rgba(234, 179, 8, 0.2);
  --input-focus: #eab308;
  --navbar-bg: rgba(20, 16, 0, 0.9);
}

[data-theme="deep-ocean"] {
  --bg-gradient: linear-gradient(175deg, #020617 0%, #0c1529 50%, #0f2042 100%);
  --bg-solid: #020617;
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-light: rgba(59, 130, 246, 0.2);
  --secondary: #1e40af;
  --secondary-hover: #1d4ed8;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(2, 6, 23, 0.9);
  --card-border: rgba(59, 130, 246, 0.25);
  --input-bg: rgba(12, 21, 41, 0.95);
  --input-border: rgba(59, 130, 246, 0.2);
  --input-focus: #3b82f6;
  --navbar-bg: rgba(2, 4, 15, 0.9);
}

[data-theme="sakura-dawn"] {
  --bg-gradient: linear-gradient(150deg, #1a0a15 0%, #2d1025 50%, #3d1830 100%);
  --bg-solid: #1a0a15;
  --primary: #f472b6;
  --primary-hover: #ec4899;
  --primary-light: rgba(244, 114, 182, 0.25);
  --secondary: #f97316;
  --secondary-hover: #ea580c;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 10, 21, 0.85);
  --card-border: rgba(244, 114, 182, 0.3);
  --input-bg: rgba(45, 16, 37, 0.9);
  --input-border: rgba(244, 114, 182, 0.25);
  --input-focus: #f472b6;
  --navbar-bg: rgba(20, 8, 18, 0.9);
}

[data-theme="neon-cyan"] {
  --bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #0d1117 50%, #161b22 100%);
  --bg-solid: #0a0a0a;
  --primary: #22d3ee;
  --primary-hover: #06b6d4;
  --primary-light: rgba(34, 211, 238, 0.25);
  --secondary: #0e7490;
  --secondary-hover: #0891b2;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 10, 10, 0.9);
  --card-border: rgba(34, 211, 238, 0.3);
  --input-bg: rgba(13, 17, 23, 0.95);
  --input-border: rgba(34, 211, 238, 0.25);
  --input-focus: #22d3ee;
  --navbar-bg: rgba(8, 8, 8, 0.9);
}

[data-theme="autumn"] {
  --bg-gradient: linear-gradient(160deg, #1a0e05 0%, #2d1810 50%, #3d2518 100%);
  --bg-solid: #1a0e05;
  --primary: #f97316;
  --primary-hover: #ea580c;
  --primary-light: rgba(249, 115, 22, 0.25);
  --secondary: #92400e;
  --secondary-hover: #b45309;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 14, 5, 0.85);
  --card-border: rgba(249, 115, 22, 0.3);
  --input-bg: rgba(45, 24, 16, 0.9);
  --input-border: rgba(249, 115, 22, 0.25);
  --input-focus: #f97316;
  --navbar-bg: rgba(20, 12, 5, 0.9);
}
[data-theme="arctic-winter"] {
  --bg-gradient: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);
  --bg-solid: #f1f5f9;
  --primary: #475569;
  --primary-hover: #334155;
  --primary-light: rgba(71, 85, 105, 0.12);
  --secondary: #64748b;
  --secondary-hover: #475569;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.8);
  --card-border: rgba(148, 163, 184, 0.4);
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(148, 163, 184, 0.5);
  --input-focus: #475569;
  --navbar-bg: rgba(241, 245, 249, 0.9);
  --text: #0f172a;
  --text-muted: #475569;
}

[data-theme="cosmic-purple"] {
  --bg-gradient: linear-gradient(140deg, #1a0533 0%, #2d0a5c 50%, #3b1178 100%);
  --bg-solid: #1a0533;
  --primary: #a855f7;
  --primary-hover: #9333ea;
  --primary-light: rgba(168, 85, 247, 0.25);
  --secondary: #7e22ce;
  --secondary-hover: #6b21a8;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 5, 51, 0.85);
  --card-border: rgba(168, 85, 247, 0.3);
  --input-bg: rgba(45, 10, 92, 0.9);
  --input-border: rgba(168, 85, 247, 0.25);
  --input-focus: #a855f7;
  --navbar-bg: rgba(20, 4, 40, 0.9);
}

[data-theme="forest-floor"] {
  --bg-gradient: linear-gradient(150deg, #0a1a0a 0%, #142814 50%, #1e3a1e 100%);
  --bg-solid: #0a1a0a;
  --primary: #22c55e;
  --primary-hover: #16a34a;
  --primary-light: rgba(34, 197, 94, 0.2);
  --secondary: #15803d;
  --secondary-hover: #166534;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 26, 10, 0.85);
  --card-border: rgba(34, 197, 94, 0.25);
  --input-bg: rgba(20, 40, 20, 0.9);
  --input-border: rgba(34, 197, 94, 0.2);
  --input-focus: #22c55e;
  --navbar-bg: rgba(8, 20, 8, 0.9);
}

[data-theme="sunset-orange"] {
  --bg-gradient: linear-gradient(165deg, #1a0e05 0%, #2d1810 50%, #3d2518 100%);
  --bg-solid: #1a0e05;
  --primary: #f97316;
  --primary-hover: #fb923c;
  --primary-light: rgba(249, 115, 22, 0.25);
  --secondary: #c2410c;
  --secondary-hover: #ea580c;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 14, 5, 0.85);
  --card-border: rgba(249, 115, 22, 0.3);
  --input-bg: rgba(45, 24, 16, 0.9);
  --input-border: rgba(249, 115, 22, 0.25);
  --input-focus: #f97316;
  --navbar-bg: rgba(20, 12, 5, 0.9);
}

[data-theme="electric-blue"] {
  --bg-gradient: linear-gradient(135deg, #0a0a1a 0%, #0d1025 50%, #101635 100%);
  --bg-solid: #0a0a1a;
  --primary: #3b82f6;
  --primary-hover: #60a5fa;
  --primary-light: rgba(59, 130, 246, 0.3);
  --secondary: #2563eb;
  --secondary-hover: #1d4ed8;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 10, 26, 0.9);
  --card-border: rgba(59, 130, 246, 0.35);
  --input-bg: rgba(13, 16, 37, 0.95);
  --input-border: rgba(59, 130, 246, 0.3);
  --input-focus: #3b82f6;
  --navbar-bg: rgba(8, 8, 20, 0.9);
}

[data-theme="vintage-wine"] {
  --bg-gradient: linear-gradient(155deg, #1a0a10 0%, #2d1020 50%, #3d1830 100%);
  --bg-solid: #1a0a10;
  --primary: #be123c;
  --primary-hover: #9f1239;
  --primary-light: rgba(190, 18, 60, 0.25);
  --secondary: #881337;
  --secondary-hover: #6b1128;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 10, 16, 0.85);
  --card-border: rgba(190, 18, 60, 0.3);
  --input-bg: rgba(45, 16, 32, 0.9);
  --input-border: rgba(190, 18, 60, 0.25);
  --input-focus: #be123c;
  --navbar-bg: rgba(20, 8, 14, 0.9);
}

[data-theme="pale-mint"] {
  --bg-gradient: linear-gradient(145deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);
  --bg-solid: #f0fdf4;
  --primary: #16a34a;
  --primary-hover: #15803d;
  --primary-light: rgba(22, 163, 74, 0.12);
  --secondary: #166534;
  --secondary-hover: #14532d;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.75);
  --card-border: rgba(34, 197, 94, 0.3);
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(34, 197, 94, 0.3);
  --input-focus: #16a34a;
  --navbar-bg: rgba(240, 253, 244, 0.9);
  --text: #0f172a;
  --text-muted: #4a5568;
}

[data-theme="dark-chocolate"] {
  --bg-gradient: linear-gradient(160deg, #1a0f0a 0%, #2d1810 50%, #3d2518 100%);
  --bg-solid: #1a0f0a;
  --primary: #a0522d;
  --primary-hover: #cd853f;
  --primary-light: rgba(160, 82, 45, 0.25);
  --secondary: #8b4513;
  --secondary-hover: #a0522d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 15, 10, 0.85);
  --card-border: rgba(160, 82, 45, 0.3);
  --input-bg: rgba(45, 24, 16, 0.9);
  --input-border: rgba(160, 82, 45, 0.25);
  --input-focus: #a0522d;
  --navbar-bg: rgba(20, 12, 8, 0.9);
}

[data-theme="flamingo"] {
  --bg-gradient: linear-gradient(135deg, #1a0a15 0%, #2d1025 50%, #3d1835 100%);
  --bg-solid: #1a0a15;
  --primary: #fb7185;
  --primary-hover: #f43f5e;
  --primary-light: rgba(251, 113, 133, 0.25);
  --secondary: #e11d48;
  --secondary-hover: #be123c;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 10, 21, 0.85);
  --card-border: rgba(251, 113, 133, 0.3);
  --input-bg: rgba(45, 16, 37, 0.9);
  --input-border: rgba(251, 113, 133, 0.25);
  --input-focus: #fb7185;
  --navbar-bg: rgba(20, 8, 18, 0.9);
}

[data-theme="thunderstorm"] {
  --bg-gradient: linear-gradient(170deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  --bg-solid: #0f172a;
  --primary: #6366f1;
  --primary-hover: #818cf8;
  --primary-light: rgba(99, 102, 241, 0.25);
  --secondary: #4f46e5;
  --secondary-hover: #4338ca;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(15, 23, 42, 0.9);
  --card-border: rgba(99, 102, 241, 0.3);
  --input-bg: rgba(30, 41, 59, 0.95);
  --input-border: rgba(99, 102, 241, 0.25);
  --input-focus: #6366f1;
  --navbar-bg: rgba(12, 18, 30, 0.9);
}

[data-theme="lemon"] {
  --bg-gradient: linear-gradient(155deg, #fffde7 0%, #fff9c4 50%, #fff176 100%);
  --bg-solid: #fffde7;
  --primary: #ca8a04;
  --primary-hover: #a16207;
  --primary-light: rgba(202, 138, 4, 0.15);
  --secondary: #854d0e;
  --secondary-hover: #713f12;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.8);
  --card-border: rgba(234, 179, 8, 0.3);
  --input-bg: rgba(255, 255, 255, 0.9);
  --input-border: rgba(234, 179, 8, 0.35);
  --input-focus: #ca8a04;
  --navbar-bg: rgba(255, 253, 231, 0.9);
  --text: #1a1400;
  --text-muted: #713f12;
}

[data-theme="nebula"] {
  --bg-gradient: linear-gradient(130deg, #1a0533 0%, #2d0a5c 40%, #3b1178 70%, #4c1d95 100%);
  --bg-solid: #1a0533;
  --primary: #c084fc;
  --primary-hover: #a855f7;
  --primary-light: rgba(192, 132, 252, 0.25);
  --secondary: #7e22ce;
  --secondary-hover: #6b21a8;
  --surface: rgba(255, 255, 255, 0.06);
  --surface-hover: rgba(255, 255, 255, 0.12);
  --card-bg: rgba(26, 5, 51, 0.85);
  --card-border: rgba(192, 132, 252, 0.3);
  --input-bg: rgba(45, 10, 92, 0.9);
  --input-border: rgba(192, 132, 252, 0.25);
  --input-focus: #c084fc;
  --navbar-bg: rgba(20, 4, 40, 0.9);
}

[data-theme="bamboo"] {
  --bg-gradient: linear-gradient(145deg, #0a1a0a 0%, #142814 50%, #1e3a1e 100%);
  --bg-solid: #0a1a0a;
  --primary: #84cc16;
  --primary-hover: #65a30d;
  --primary-light: rgba(132, 204, 22, 0.2);
  --secondary: #4d7c0f;
  --secondary-hover: #3f6212;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 26, 10, 0.85);
  --card-border: rgba(132, 204, 22, 0.25);
  --input-bg: rgba(20, 40, 20, 0.9);
  --input-border: rgba(132, 204, 22, 0.2);
  --input-focus: #84cc16;
  --navbar-bg: rgba(8, 20, 8, 0.9);
}

[data-theme="midnight-gold"] {
  --bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a1a0a 50%, #2a2a10 100%);
  --bg-solid: #0a0a0a;
  --primary: #fbbf24;
  --primary-hover: #f59e0b;
  --primary-light: rgba(251, 191, 36, 0.25);
  --secondary: #d97706;
  --secondary-hover: #b45309;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 10, 10, 0.9);
  --card-border: rgba(251, 191, 36, 0.3);
  --input-bg: rgba(26, 26, 10, 0.95);
  --input-border: rgba(251, 191, 36, 0.25);
  --input-focus: #fbbf24;
  --navbar-bg: rgba(8, 8, 8, 0.9);
}

[data-theme="candy-apple"] {
  --bg-gradient: linear-gradient(150deg, #1a0505 0%, #2d0a0a 50%, #3d1010 100%);
  --bg-solid: #1a0505;
  --primary: #ef4444;
  --primary-hover: #dc2626;
  --primary-light: rgba(239, 68, 68, 0.25);
  --secondary: #b91c1c;
  --secondary-hover: #991b1b;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 5, 5, 0.85);
  --card-border: rgba(239, 68, 68, 0.3);
  --input-bg: rgba(45, 10, 10, 0.9);
  --input-border: rgba(239, 68, 68, 0.25);
  --input-focus: #ef4444;
  --navbar-bg: rgba(20, 4, 4, 0.9);
}
[data-theme="frozen"] {
  --bg-gradient: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);
  --bg-solid: #f0f9ff;
  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-light: rgba(2, 132, 199, 0.12);
  --secondary: #0369a1;
  --secondary-hover: #075985;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.8);
  --card-border: rgba(56, 189, 248, 0.4);
  --input-bg: rgba(255, 255, 255, 0.9);
  --input-border: rgba(56, 189, 248, 0.4);
  --input-focus: #0284c7;
  --navbar-bg: rgba(240, 249, 255, 0.9);
  --text: #0c4a6e;
  --text-muted: #0369a1;
}

[data-theme="cosmic-dust"] {
  --bg-gradient: linear-gradient(140deg, #0f0520 0%, #1a0a3a 50%, #251050 100%);
  --bg-solid: #0f0520;
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-light: rgba(139, 92, 246, 0.25);
  --secondary: #6d28d9;
  --secondary-hover: #5b21b6;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(15, 5, 32, 0.85);
  --card-border: rgba(139, 92, 246, 0.3);
  --input-bg: rgba(26, 10, 58, 0.9);
  --input-border: rgba(139, 92, 246, 0.25);
  --input-focus: #8b5cf6;
  --navbar-bg: rgba(12, 4, 24, 0.9);
}

[data-theme="cypress"] {
  --bg-gradient: linear-gradient(160deg, #051a05 0%, #0a2e0a 50%, #0f420f 100%);
  --bg-solid: #051a05;
  --primary: #15803d;
  --primary-hover: #166534;
  --primary-light: rgba(21, 128, 61, 0.2);
  --secondary: #14532d;
  --secondary-hover: #0a3d1e;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(5, 26, 5, 0.85);
  --card-border: rgba(21, 128, 61, 0.25);
  --input-bg: rgba(10, 46, 10, 0.9);
  --input-border: rgba(21, 128, 61, 0.2);
  --input-focus: #15803d;
  --navbar-bg: rgba(4, 18, 4, 0.9);
}

[data-theme="burnt-sienna"] {
  --bg-gradient: linear-gradient(155deg, #1a0a05 0%, #2d1410 50%, #3d1e18 100%);
  --bg-solid: #1a0a05;
  --primary: #ea580c;
  --primary-hover: #f97316;
  --primary-light: rgba(234, 88, 12, 0.25);
  --secondary: #c2410c;
  --secondary-hover: #9a3412;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 10, 5, 0.85);
  --card-border: rgba(234, 88, 12, 0.3);
  --input-bg: rgba(45, 20, 16, 0.9);
  --input-border: rgba(234, 88, 12, 0.25);
  --input-focus: #ea580c;
  --navbar-bg: rgba(20, 8, 4, 0.9);
}

[data-theme="aqua-deep"] {
  --bg-gradient: linear-gradient(170deg, #042f2e 0%, #0d4f4f 50%, #115e59 100%);
  --bg-solid: #042f2e;
  --primary: #0d9488;
  --primary-hover: #0f766e;
  --primary-light: rgba(13, 148, 136, 0.25);
  --secondary: #115e59;
  --secondary-hover: #0f4f4a;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(4, 47, 46, 0.85);
  --card-border: rgba(13, 148, 136, 0.3);
  --input-bg: rgba(13, 79, 79, 0.9);
  --input-border: rgba(13, 148, 136, 0.25);
  --input-focus: #0d9488;
  --navbar-bg: rgba(4, 35, 35, 0.9);
}

[data-theme="rose-dusk"] {
  --bg-gradient: linear-gradient(160deg, #1a0f15 0%, #2d1a25 50%, #3d2535 100%);
  --bg-solid: #1a0f15;
  --primary: #e879a0;
  --primary-hover: #d94f82;
  --primary-light: rgba(232, 121, 160, 0.25);
  --secondary: #be185d;
  --secondary-hover: #9d174d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 15, 21, 0.85);
  --card-border: rgba(232, 121, 160, 0.3);
  --input-bg: rgba(45, 26, 37, 0.9);
  --input-border: rgba(232, 121, 160, 0.25);
  --input-focus: #e879a0;
  --navbar-bg: rgba(20, 12, 18, 0.9);
}

[data-theme="slate-blue"] {
  --bg-gradient: linear-gradient(145deg, #0f1729 0%, #1a2744 50%, #253760 100%);
  --bg-solid: #0f1729;
  --primary: #6482b0;
  --primary-hover: #4f6d99;
  --primary-light: rgba(100, 130, 176, 0.25);
  --secondary: #3d5a80;
  --secondary-hover: #2e4a6b;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(15, 23, 41, 0.85);
  --card-border: rgba(100, 130, 176, 0.3);
  --input-bg: rgba(26, 39, 68, 0.9);
  --input-border: rgba(100, 130, 176, 0.25);
  --input-focus: #6482b0;
  --navbar-bg: rgba(12, 18, 32, 0.9);
}

[data-theme="tropical"] {
  --bg-gradient: linear-gradient(140deg, #041a1a 0%, #0a3030 50%, #104545 100%);
  --bg-solid: #041a1a;
  --primary: #06d6a0;
  --primary-hover: #05b88a;
  --primary-light: rgba(6, 214, 160, 0.25);
  --secondary: #118ab2;
  --secondary-hover: #0e7399;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(4, 26, 26, 0.85);
  --card-border: rgba(6, 214, 160, 0.3);
  --input-bg: rgba(10, 48, 48, 0.9);
  --input-border: rgba(6, 214, 160, 0.25);
  --input-focus: #06d6a0;
  --navbar-bg: rgba(4, 20, 20, 0.9);
}

[data-theme="midnight-amber"] {
  --bg-gradient: linear-gradient(165deg, #0a0a0a 0%, #1a1400 50%, #2d2200 100%);
  --bg-solid: #0a0a0a;
  --primary: #f59e0b;
  --primary-hover: #d97706;
  --primary-light: rgba(245, 158, 11, 0.25);
  --secondary: #b45309;
  --secondary-hover: #92400e;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 10, 10, 0.9);
  --card-border: rgba(245, 158, 11, 0.3);
  --input-bg: rgba(26, 20, 0, 0.95);
  --input-border: rgba(245, 158, 11, 0.25);
  --input-focus: #f59e0b;
  --navbar-bg: rgba(8, 8, 8, 0.9);
}

[data-theme="cherry-blossom"] {
  --bg-gradient: linear-gradient(140deg, #fff5f7 0%, #ffe4ec 50%, #ffd6e0 100%);
  --bg-solid: #fff5f7;
  --primary: #e11d63;
  --primary-hover: #be1550;
  --primary-light: rgba(225, 29, 99, 0.12);
  --secondary: #9d174d;
  --secondary-hover: #831843;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.75);
  --card-border: rgba(244, 114, 182, 0.35);
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(244, 114, 182, 0.35);
  --input-focus: #e11d63;
  --navbar-bg: rgba(255, 245, 247, 0.9);
  --text: #1a0a15;
  --text-muted: #9d174d;
}

[data-theme="storm"] {
  --bg-gradient: linear-gradient(170deg, #12121f 0%, #1e1e35 50%, #2a2a4b 100%);
  --bg-solid: #12121f;
  --primary: #7e57c2;
  --primary-hover: #6a3fb5;
  --primary-light: rgba(126, 87, 194, 0.25);
  --secondary: #4a148c;
  --secondary-hover: #3a1078;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(18, 18, 31, 0.85);
  --card-border: rgba(126, 87, 194, 0.3);
  --input-bg: rgba(30, 30, 53, 0.9);
  --input-border: rgba(126, 87, 194, 0.25);
  --input-focus: #7e57c2;
  --navbar-bg: rgba(14, 14, 24, 0.9);
}
[data-theme="golden-ratio"] {
  --bg-gradient: linear-gradient(150deg, #0f0d00 0%, #1a1800 50%, #2d2900 100%);
  --bg-solid: #0f0d00;
  --primary: #f0c800;
  --primary-hover: #d4b400;
  --primary-light: rgba(240, 200, 0, 0.25);
  --secondary: #a38600;
  --secondary-hover: #8a7200;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(15, 13, 0, 0.9);
  --card-border: rgba(240, 200, 0, 0.3);
  --input-bg: rgba(26, 24, 0, 0.95);
  --input-border: rgba(240, 200, 0, 0.25);
  --input-focus: #f0c800;
  --navbar-bg: rgba(10, 10, 0, 0.9);
}

[data-theme="mystic"] {
  --bg-gradient: linear-gradient(135deg, #0d0520 0%, #1a0a40 50%, #2a1060 100%);
  --bg-solid: #0d0520;
  --primary: #9370db;
  --primary-hover: #7b5cc4;
  --primary-light: rgba(147, 112, 219, 0.25);
  --secondary: #483d8b;
  --secondary-hover: #362e75;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(13, 5, 32, 0.85);
  --card-border: rgba(147, 112, 219, 0.3);
  --input-bg: rgba(26, 10, 64, 0.9);
  --input-border: rgba(147, 112, 219, 0.25);
  --input-focus: #9370db;
  --navbar-bg: rgba(10, 4, 24, 0.9);
}

[data-theme="rainforest"] {
  --bg-gradient: linear-gradient(155deg, #021205 0%, #052610 50%, #083a1a 100%);
  --bg-solid: #021205;
  --primary: #2ecc71;
  --primary-hover: #27ae60;
  --primary-light: rgba(46, 204, 113, 0.2);
  --secondary: #1e8449;
  --secondary-hover: #196f3d;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(2, 18, 5, 0.85);
  --card-border: rgba(46, 204, 113, 0.25);
  --input-bg: rgba(5, 38, 16, 0.9);
  --input-border: rgba(46, 204, 113, 0.2);
  --input-focus: #2ecc71;
  --navbar-bg: rgba(2, 14, 4, 0.9);
}

[data-theme="burnt-orange"] {
  --bg-gradient: linear-gradient(145deg, #1a0c00 0%, #2d1600 50%, #3d2000 100%);
  --bg-solid: #1a0c00;
  --primary: #d4620a;
  --primary-hover: #be5709;
  --primary-light: rgba(212, 98, 10, 0.25);
  --secondary: #8b4007;
  --secondary-hover: #733506;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 12, 0, 0.85);
  --card-border: rgba(212, 98, 10, 0.3);
  --input-bg: rgba(45, 22, 0, 0.9);
  --input-border: rgba(212, 98, 10, 0.25);
  --input-focus: #d4620a;
  --navbar-bg: rgba(20, 10, 0, 0.9);
}

[data-theme="crystal"] {
  --bg-gradient: linear-gradient(160deg, #f8faff 0%, #eef2ff 50%, #e0e7ff 100%);
  --bg-solid: #f8faff;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-light: rgba(99, 102, 241, 0.12);
  --secondary: #475569;
  --secondary-hover: #334155;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.8);
  --card-border: rgba(165, 180, 252, 0.4);
  --input-bg: rgba(255, 255, 255, 0.9);
  --input-border: rgba(165, 180, 252, 0.45);
  --input-focus: #6366f1;
  --navbar-bg: rgba(248, 250, 255, 0.9);
  --text: #0f172a;
  --text-muted: #475569;
}

[data-theme="nova-red"] {
  --bg-gradient: linear-gradient(135deg, #1a0205 0%, #2d0810 50%, #3d0e18 100%);
  --bg-solid: #1a0205;
  --primary: #dc2626;
  --primary-hover: #b91c1c;
  --primary-light: rgba(220, 38, 38, 0.25);
  --secondary: #991b1b;
  --secondary-hover: #7f1d1d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 2, 5, 0.85);
  --card-border: rgba(220, 38, 38, 0.35);
  --input-bg: rgba(45, 8, 16, 0.9);
  --input-border: rgba(220, 38, 38, 0.25);
  --input-focus: #dc2626;
  --navbar-bg: rgba(20, 2, 4, 0.9);
}

[data-theme="steel-blue"] {
  --bg-gradient: linear-gradient(150deg, #0c1929 0%, #142d4a 50%, #1c416a 100%);
  --bg-solid: #0c1929;
  --primary: #5b8dbf;
  --primary-hover: #4a7daa;
  --primary-light: rgba(91, 141, 191, 0.25);
  --secondary: #2f5d8a;
  --secondary-hover: #255078;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(12, 25, 41, 0.85);
  --card-border: rgba(91, 141, 191, 0.3);
  --input-bg: rgba(20, 45, 74, 0.9);
  --input-border: rgba(91, 141, 191, 0.25);
  --input-focus: #5b8dbf;
  --navbar-bg: rgba(10, 18, 32, 0.9);
}

[data-theme="velvet"] {
  --bg-gradient: linear-gradient(140deg, #15050d 0%, #250a1a 50%, #351028 100%);
  --bg-solid: #15050d;
  --primary: #c4245c;
  --primary-hover: #a91d4f;
  --primary-light: rgba(196, 36, 92, 0.25);
  --secondary: #6b1845;
  --secondary-hover: #5a1339;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(21, 5, 13, 0.85);
  --card-border: rgba(196, 36, 92, 0.3);
  --input-bg: rgba(37, 10, 26, 0.9);
  --input-border: rgba(196, 36, 92, 0.25);
  --input-focus: #c4245c;
  --navbar-bg: rgba(16, 4, 10, 0.9);
}

[data-theme="spring"] {
  --bg-gradient: linear-gradient(135deg, #f0fdf0 0%, #dcfcdc 50%, #bbf7d0 100%);
  --bg-solid: #f0fdf0;
  --primary: #16a34a;
  --primary-hover: #15803d;
  --primary-light: rgba(22, 163, 74, 0.12);
  --secondary: #059669;
  --secondary-hover: #047857;
  --surface: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.06);
  --card-bg: rgba(255, 255, 255, 0.75);
  --card-border: rgba(34, 197, 94, 0.3);
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(34, 197, 94, 0.35);
  --input-focus: #16a34a;
  --navbar-bg: rgba(240, 253, 240, 0.9);
  --text: #0a2e15;
  --text-muted: #166534;
}

[data-theme="void"] {
  --bg-gradient: linear-gradient(180deg, #000000 0%, #050505 50%, #0a0a0a 100%);
  --bg-solid: #000000;
  --primary: #636363;
  --primary-hover: #808080;
  --primary-light: rgba(99, 99, 99, 0.2);
  --secondary: #404040;
  --secondary-hover: #555555;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(0, 0, 0, 0.9);
  --card-border: rgba(99, 99, 99, 0.2);
  --input-bg: rgba(5, 5, 5, 0.95);
  --input-border: rgba(99, 99, 99, 0.2);
  --input-focus: #636363;
  --navbar-bg: rgba(0, 0, 0, 0.95);
}
[data-theme="opal"] {
  --bg-gradient: linear-gradient(135deg, #0a0518 0%, #150a30 50%, #201048 100%);
  --bg-solid: #0a0518;
  --primary: #a78bfa;
  --primary-hover: #8b5cf6;
  --primary-light: rgba(167, 139, 250, 0.25);
  --secondary: #60a5fa;
  --secondary-hover: #3b82f6;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 5, 24, 0.85);
  --card-border: rgba(167, 139, 250, 0.3);
  --input-bg: rgba(21, 10, 48, 0.9);
  --input-border: rgba(167, 139, 250, 0.25);
  --input-focus: #a78bfa;
  --navbar-bg: rgba(8, 4, 18, 0.9);
}

[data-theme="terra"] {
  --bg-gradient: linear-gradient(155deg, #1a1208 0%, #2d2010 50%, #3d2e18 100%);
  --bg-solid: #1a1208;
  --primary: #b8860b;
  --primary-hover: #a07609;
  --primary-light: rgba(184, 134, 11, 0.25);
  --secondary: #6b8e23;
  --secondary-hover: #5a7a1d;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 18, 8, 0.85);
  --card-border: rgba(184, 134, 11, 0.3);
  --input-bg: rgba(45, 32, 16, 0.9);
  --input-border: rgba(184, 134, 11, 0.25);
  --input-focus: #b8860b;
  --navbar-bg: rgba(20, 14, 6, 0.9);
}

[data-theme="aurora-borealis-2"] {
  --bg-gradient: linear-gradient(145deg, #020a10 0%, #041a25 50%, #062a3a 100%);
  --bg-solid: #020a10;
  --primary: #10b981;
  --primary-hover: #059669;
  --primary-light: rgba(16, 185, 129, 0.25);
  --secondary: #06b6d4;
  --secondary-hover: #0891b2;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(2, 10, 16, 0.85);
  --card-border: rgba(16, 185, 129, 0.3);
  --input-bg: rgba(4, 26, 37, 0.9);
  --input-border: rgba(16, 185, 129, 0.25);
  --input-focus: #10b981;
  --navbar-bg: rgba(2, 8, 12, 0.9);
}

[data-theme="twilight-zone"] {
  --bg-gradient: linear-gradient(160deg, #0a0518 0%, #140a30 50%, #1e1048 100%);
  --bg-solid: #0a0518;
  --primary: #818cf8;
  --primary-hover: #6366f1;
  --primary-light: rgba(129, 140, 248, 0.25);
  --secondary: #a855f7;
  --secondary-hover: #9333ea;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(10, 5, 24, 0.85);
  --card-border: rgba(129, 140, 248, 0.3);
  --input-bg: rgba(20, 10, 48, 0.9);
  --input-border: rgba(129, 140, 248, 0.25);
  --input-focus: #818cf8;
  --navbar-bg: rgba(8, 4, 18, 0.9);
}

[data-theme="sandstorm"] {
  --bg-gradient: linear-gradient(145deg, #1a1505 0%, #2d240a 50%, #3d3310 100%);
  --bg-solid: #1a1505;
  --primary: #d4a017;
  --primary-hover: #b8940f;
  --primary-light: rgba(212, 160, 23, 0.25);
  --secondary: #8b6914;
  --secondary-hover: #75580f;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(26, 21, 5, 0.85);
  --card-border: rgba(212, 160, 23, 0.3);
  --input-bg: rgba(45, 36, 10, 0.9);
  --input-border: rgba(212, 160, 23, 0.25);
  --input-focus: #d4a017;
  --navbar-bg: rgba(20, 16, 4, 0.9);
}

[data-theme="deep-violet"] {
  --bg-gradient: linear-gradient(150deg, #0e0320 0%, #1a0540 50%, #260860 100%);
  --bg-solid: #0e0320;
  --primary: #9f17e2;
  --primary-hover: #8615c4;
  --primary-light: rgba(159, 23, 226, 0.25);
  --secondary: #6b21a8;
  --secondary-hover: #581c87;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(14, 3, 32, 0.85);
  --card-border: rgba(159, 23, 226, 0.3);
  --input-bg: rgba(26, 5, 64, 0.9);
  --input-border: rgba(159, 23, 226, 0.25);
  --input-focus: #9f17e2;
  --navbar-bg: rgba(10, 2, 24, 0.9);
}

[data-theme="crimson-fog"] {
  --bg-gradient: linear-gradient(165deg, #181015 0%, #2a1825 50%, #3c2035 100%);
  --bg-solid: #181015;
  --primary: #dc3545;
  --primary-hover: #c82333;
  --primary-light: rgba(220, 53, 69, 0.25);
  --secondary: #6c757d;
  --secondary-hover: #5a6268;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(24, 16, 21, 0.85);
  --card-border: rgba(220, 53, 69, 0.3);
  --input-bg: rgba(42, 24, 37, 0.9);
  --input-border: rgba(220, 53, 69, 0.25);
  --input-focus: #dc3545;
  --navbar-bg: rgba(20, 12, 18, 0.9);
}

[data-theme="jade-emerald"] {
  --bg-gradient: linear-gradient(140deg, #021510 0%, #052820 50%, #083b30 100%);
  --bg-solid: #021510;
  --primary: #10b981;
  --primary-hover: #059669;
  --primary-light: rgba(16, 185, 129, 0.25);
  --secondary: #047857;
  --secondary-hover: #065f46;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(2, 21, 16, 0.85);
  --card-border: rgba(16, 185, 129, 0.3);
  --input-bg: rgba(5, 40, 32, 0.9);
  --input-border: rgba(16, 185, 129, 0.25);
  --input-focus: #10b981;
  --navbar-bg: rgba(2, 16, 12, 0.9);
}

[data-theme="copper-patina"] {
  --bg-gradient: linear-gradient(155deg, #041215 0%, #081e22 50%, #0c2a30 100%);
  --bg-solid: #041215;
  --primary: #0891b2;
  --primary-hover: #0e7490;
  --primary-light: rgba(8, 145, 178, 0.25);
  --secondary: #b87333;
  --secondary-hover: #a06529;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(4, 18, 21, 0.85);
  --card-border: rgba(8, 145, 178, 0.3);
  --input-bg: rgba(8, 30, 34, 0.9);
  --input-border: rgba(8, 145, 178, 0.25);
  --input-focus: #0891b2;
  --navbar-bg: rgba(4, 14, 16, 0.9);
}

[data-theme="noir"] {
  --bg-gradient: linear-gradient(180deg, #0a0a0a 0%, #111111 50%, #1a1a1a 100%);
  --bg-solid: #0a0a0a;
  --primary: #888888;
  --primary-hover: #aaaaaa;
  --primary-light: rgba(136, 136, 136, 0.2);
  --secondary: #555555;
  --secondary-hover: #666666;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --card-bg: rgba(10, 10, 10, 0.9);
  --card-border: rgba(136, 136, 136, 0.2);
  --input-bg: rgba(17, 17, 17, 0.95);
  --input-border: rgba(136, 136, 136, 0.2);
  --input-focus: #888888;
  --navbar-bg: rgba(8, 8, 8, 0.9);
}

[data-theme="prism"] {
  --bg-gradient: linear-gradient(135deg, #1a0520 0%, #05102a 33%, #052020 66%, #1a1005 100%);
  --bg-solid: #0f0a15;
  --primary: #e879f9;
  --primary-hover: #d946ef;
  --primary-light: rgba(232, 121, 249, 0.25);
  --secondary: #22d3ee;
  --secondary-hover: #06b6d4;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-hover: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(15, 10, 21, 0.85);
  --card-border: rgba(232, 121, 249, 0.3);
  --input-bg: rgba(26, 16, 32, 0.9);
  --input-border: rgba(232, 121, 249, 0.25);
  --input-focus: #e879f9;
  --navbar-bg: rgba(12, 8, 16, 0.9);
}