:root,
[data-theme="aurora"] {
  --bg: #020617;
  --surface: rgba(12, 18, 36, 0.82);
  --surface-soft: rgba(255, 255, 255, 0.045);
  --surface-hover: rgba(255, 255, 255, 0.08);
  --primary: #a855f7;
  --primary-bright: #d8b4fe;
  --cyan: #2dd4bf;
  --accent: #f472b6;
  --gold: #fcd34d;
  --secondary: #f8fafc;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.09);
  --danger: #fb7185;
  --warning: #fbbf24;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
  --glow: 0 0 50px rgba(168, 85, 247, 0.28);
  --radius: 22px;
  --gradient-brand: linear-gradient(135deg, #a855f7 0%, #2dd4bf 45%, #f472b6 85%, #fcd34d 100%);
  --gradient-btn: linear-gradient(135deg, #7c3aed 0%, #0d9488 50%, #a855f7 100%);
  --gradient-surface: linear-gradient(
    135deg,
    rgba(168, 85, 247, 0.38),
    rgba(45, 212, 191, 0.22),
    rgba(244, 114, 182, 0.18)
  );
  --gradient-hero-title: linear-gradient(135deg, #ffffff 0%, #e9d5ff 28%, #5eead4 58%, #fbcfe8 82%, #fde68a 100%);
  --bg-glow-1: rgba(168, 85, 247, 0.42);
  --bg-glow-2: rgba(45, 212, 191, 0.28);
  --bg-glow-3: rgba(244, 114, 182, 0.22);
  --bg-glow-4: rgba(252, 211, 77, 0.06);
  --blob-1: rgba(168, 85, 247, 0.35);
  --blob-2: rgba(45, 212, 191, 0.28);
  --topbar-bg: rgba(2, 6, 23, 0.88);
  --selection-bg: rgba(168, 85, 247, 0.45);
  --brand-shadow: rgba(124, 58, 237, 0.35);
  --nav-hover-border: rgba(168, 85, 247, 0.5);
  --nav-active-shadow: rgba(124, 58, 237, 0.45);
  --btn-shadow: 0 10px 36px rgba(124, 58, 237, 0.5);
  --hero-card-bg: linear-gradient(145deg, rgba(124, 58, 237, 0.95), rgba(13, 148, 136, 0.8)),
    linear-gradient(225deg, rgba(244, 114, 182, 0.4), transparent 58%),
    linear-gradient(320deg, rgba(252, 211, 77, 0.15), transparent 45%);
  --price-featured-bg: linear-gradient(145deg, rgba(124, 58, 237, 0.2), rgba(6, 182, 212, 0.12));
  --price-featured-border: rgba(139, 92, 246, 0.55);
  --scrollbar-thumb: linear-gradient(180deg, var(--primary), var(--cyan));
  --meta-theme-color: #020617;
}

[data-theme="slate"] {
  --bg: #0f172a;
  --surface: rgba(30, 41, 59, 0.88);
  --surface-soft: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.07);
  --primary: #94a3b8;
  --primary-bright: #cbd5e1;
  --cyan: #38bdf8;
  --accent: #818cf8;
  --gold: #e2e8f0;
  --secondary: #f1f5f9;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.08);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  --glow: 0 0 32px rgba(100, 116, 139, 0.18);
  --gradient-brand: linear-gradient(135deg, #cbd5e1, #94a3b8, #38bdf8);
  --gradient-btn: linear-gradient(135deg, #475569, #334155);
  --gradient-surface: linear-gradient(135deg, rgba(100, 116, 139, 0.22), rgba(56, 189, 248, 0.1), rgba(129, 140, 248, 0.08));
  --gradient-hero-title: linear-gradient(135deg, #ffffff, #e2e8f0, #94a3b8);
  --bg-glow-1: rgba(100, 116, 139, 0.14);
  --bg-glow-2: rgba(56, 189, 248, 0.08);
  --bg-glow-3: rgba(129, 140, 248, 0.06);
  --bg-glow-4: transparent;
  --blob-1: rgba(100, 116, 139, 0.1);
  --blob-2: rgba(56, 189, 248, 0.07);
  --topbar-bg: rgba(15, 23, 42, 0.92);
  --selection-bg: rgba(100, 116, 139, 0.35);
  --brand-shadow: rgba(71, 85, 105, 0.28);
  --nav-hover-border: rgba(148, 163, 184, 0.45);
  --nav-active-shadow: rgba(71, 85, 105, 0.35);
  --btn-shadow: 0 10px 28px rgba(71, 85, 105, 0.28);
  --hero-card-bg: linear-gradient(145deg, rgba(71, 85, 105, 0.92), rgba(51, 65, 85, 0.88));
  --price-featured-bg: linear-gradient(145deg, rgba(71, 85, 105, 0.2), rgba(51, 65, 85, 0.15));
  --price-featured-border: rgba(148, 163, 184, 0.4);
  --scrollbar-thumb: linear-gradient(180deg, #94a3b8, #38bdf8);
  --meta-theme-color: #0f172a;
}

[data-theme="ocean"] {
  --bg: #082032;
  --surface: rgba(10, 30, 50, 0.86);
  --surface-soft: rgba(255, 255, 255, 0.045);
  --surface-hover: rgba(255, 255, 255, 0.07);
  --primary: #38bdf8;
  --primary-bright: #7dd3fc;
  --cyan: #22d3ee;
  --accent: #60a5fa;
  --gold: #fde68a;
  --secondary: #f0f9ff;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.09);
  --shadow: 0 26px 80px rgba(0, 0, 0, 0.5);
  --glow: 0 0 40px rgba(56, 189, 248, 0.22);
  --gradient-brand: linear-gradient(135deg, #0284c7, #38bdf8, #60a5fa);
  --gradient-btn: linear-gradient(135deg, #0369a1, #0891b2);
  --gradient-surface: linear-gradient(135deg, rgba(56, 189, 248, 0.28), rgba(14, 165, 233, 0.15), rgba(96, 165, 250, 0.12));
  --gradient-hero-title: linear-gradient(135deg, #ffffff, #bae6fd, #7dd3fc);
  --bg-glow-1: rgba(56, 189, 248, 0.22);
  --bg-glow-2: rgba(14, 165, 233, 0.16);
  --bg-glow-3: rgba(96, 165, 250, 0.12);
  --bg-glow-4: transparent;
  --blob-1: rgba(56, 189, 248, 0.18);
  --blob-2: rgba(14, 165, 233, 0.14);
  --topbar-bg: rgba(8, 32, 50, 0.9);
  --selection-bg: rgba(56, 189, 248, 0.35);
  --brand-shadow: rgba(2, 132, 199, 0.32);
  --nav-hover-border: rgba(56, 189, 248, 0.45);
  --nav-active-shadow: rgba(2, 132, 199, 0.4);
  --btn-shadow: 0 10px 32px rgba(2, 132, 199, 0.38);
  --hero-card-bg: linear-gradient(145deg, rgba(2, 132, 199, 0.92), rgba(8, 145, 178, 0.85));
  --price-featured-bg: linear-gradient(145deg, rgba(2, 132, 199, 0.18), rgba(8, 145, 178, 0.12));
  --price-featured-border: rgba(56, 189, 248, 0.45);
  --scrollbar-thumb: linear-gradient(180deg, #38bdf8, #0891b2);
  --meta-theme-color: #082032;
}

[data-theme="forest"] {
  --bg: #0a1f16;
  --surface: rgba(12, 35, 28, 0.88);
  --surface-soft: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.07);
  --primary: #34d399;
  --primary-bright: #6ee7b7;
  --cyan: #2dd4bf;
  --accent: #4ade80;
  --gold: #fde68a;
  --secondary: #ecfdf5;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.09);
  --shadow: 0 26px 80px rgba(0, 0, 0, 0.5);
  --glow: 0 0 40px rgba(52, 211, 153, 0.2);
  --gradient-brand: linear-gradient(135deg, #059669, #34d399, #6ee7b7);
  --gradient-btn: linear-gradient(135deg, #047857, #0d9488);
  --gradient-surface: linear-gradient(135deg, rgba(52, 211, 153, 0.26), rgba(45, 212, 191, 0.14), rgba(74, 222, 128, 0.1));
  --gradient-hero-title: linear-gradient(135deg, #ffffff, #a7f3d0, #6ee7b7);
  --bg-glow-1: rgba(52, 211, 153, 0.2);
  --bg-glow-2: rgba(45, 212, 191, 0.14);
  --bg-glow-3: rgba(74, 222, 128, 0.1);
  --bg-glow-4: transparent;
  --blob-1: rgba(52, 211, 153, 0.16);
  --blob-2: rgba(45, 212, 191, 0.12);
  --topbar-bg: rgba(10, 31, 22, 0.9);
  --selection-bg: rgba(52, 211, 153, 0.32);
  --brand-shadow: rgba(5, 150, 105, 0.3);
  --nav-hover-border: rgba(52, 211, 153, 0.42);
  --nav-active-shadow: rgba(5, 150, 105, 0.38);
  --btn-shadow: 0 10px 32px rgba(5, 150, 105, 0.35);
  --hero-card-bg: linear-gradient(145deg, rgba(5, 150, 105, 0.92), rgba(13, 148, 136, 0.85));
  --price-featured-bg: linear-gradient(145deg, rgba(5, 150, 105, 0.18), rgba(13, 148, 136, 0.12));
  --price-featured-border: rgba(52, 211, 153, 0.42);
  --scrollbar-thumb: linear-gradient(180deg, #34d399, #0d9488);
  --meta-theme-color: #0a1f16;
}

[data-theme="light"] {
  --bg: #f1f5f9;
  --surface: rgba(255, 255, 255, 0.94);
  --surface-soft: rgba(15, 23, 42, 0.04);
  --surface-hover: rgba(15, 23, 42, 0.06);
  --primary: #2563eb;
  --primary-bright: #3b82f6;
  --cyan: #0891b2;
  --accent: #6366f1;
  --gold: #d97706;
  --secondary: #0f172a;
  --muted: #64748b;
  --line: rgba(15, 23, 42, 0.1);
  --danger: #e11d48;
  --warning: #d97706;
  --shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
  --glow: 0 0 36px rgba(37, 99, 235, 0.12);
  --gradient-brand: linear-gradient(135deg, #2563eb, #0891b2, #6366f1);
  --gradient-btn: linear-gradient(135deg, #2563eb, #0891b2);
  --gradient-surface: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(8, 145, 178, 0.1), rgba(99, 102, 241, 0.08));
  --gradient-hero-title: linear-gradient(135deg, #0f172a, #2563eb, #0891b2);
  --bg-glow-1: rgba(37, 99, 235, 0.07);
  --bg-glow-2: rgba(8, 145, 178, 0.05);
  --bg-glow-3: rgba(99, 102, 241, 0.04);
  --bg-glow-4: transparent;
  --blob-1: rgba(37, 99, 235, 0.05);
  --blob-2: rgba(8, 145, 178, 0.04);
  --topbar-bg: rgba(255, 255, 255, 0.92);
  --selection-bg: rgba(37, 99, 235, 0.22);
  --brand-shadow: rgba(37, 99, 235, 0.2);
  --nav-hover-border: rgba(37, 99, 235, 0.35);
  --nav-active-shadow: rgba(37, 99, 235, 0.28);
  --btn-shadow: 0 10px 28px rgba(37, 99, 235, 0.22);
  --hero-card-bg: linear-gradient(145deg, rgba(37, 99, 235, 0.92), rgba(8, 145, 178, 0.85));
  --price-featured-bg: linear-gradient(145deg, rgba(37, 99, 235, 0.1), rgba(8, 145, 178, 0.08));
  --price-featured-border: rgba(37, 99, 235, 0.35);
  --scrollbar-thumb: linear-gradient(180deg, #2563eb, #0891b2);
  --meta-theme-color: #f1f5f9;
}