:root {
  /* Default Theme: Cherry */
  --bg-color: #0b0c10;
  --bg-nebula-1: rgba(235, 47, 95, 0.18);
  --bg-nebula-2: rgba(186, 24, 76, 0.12);
  --accent-color: #eb2f5f;
  --accent-glow: rgba(235, 47, 95, 0.45);
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --card-bg: rgba(18, 20, 29, 0.75);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-hover-border: rgba(235, 47, 95, 0.5);
  --nav-bg: rgba(15, 17, 23, 0.85);
  --pill-bg: rgba(24, 27, 38, 0.85);
  --vip-gold: #fbbf24;
  --vip-glow: rgba(251, 191, 36, 0.4);
  --admin-badge: #a855f7;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Universal Custom Dark Sleek Scrollbars (Eliminating White Lines) */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 99px;
  border: 1px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* 16 Theme Presets */
[data-theme="cherry"] {
  --bg-color: #090a0f;
  --bg-nebula-1: rgba(235, 47, 95, 0.22);
  --bg-nebula-2: rgba(255, 75, 125, 0.12);
  --accent-color: #eb2f5f;
  --accent-glow: rgba(235, 47, 95, 0.5);
  --text-main: #ffffff;
  --text-muted: #94a3b8;
  --card-bg: rgba(18, 20, 29, 0.78);
}

[data-theme="midnight-blue"] {
  --bg-color: #050a18;
  --bg-nebula-1: rgba(30, 144, 255, 0.2);
  --bg-nebula-2: rgba(0, 102, 204, 0.15);
  --accent-color: #38bdf8;
  --accent-glow: rgba(56, 189, 248, 0.5);
  --text-main: #f0f9ff;
  --text-muted: #7dd3fc;
  --card-bg: rgba(10, 25, 47, 0.8);
}

[data-theme="obsidian"] {
  --bg-color: #000000;
  --bg-nebula-1: rgba(99, 102, 241, 0.15);
  --bg-nebula-2: rgba(30, 27, 75, 0.3);
  --accent-color: #818cf8;
  --accent-glow: rgba(129, 140, 248, 0.45);
  --text-main: #ffffff;
  --text-muted: #808080;
  --card-bg: rgba(15, 15, 18, 0.9);
}

[data-theme="inferno"] {
  --bg-color: #0c0502;
  --bg-nebula-1: rgba(249, 115, 22, 0.25);
  --bg-nebula-2: rgba(220, 38, 38, 0.15);
  --accent-color: #ff5722;
  --accent-glow: rgba(255, 87, 34, 0.5);
  --text-main: #fff7ed;
  --text-muted: #fdba74;
  --card-bg: rgba(24, 14, 10, 0.85);
}

[data-theme="deep-forest"] {
  --bg-color: #030d07;
  --bg-nebula-1: rgba(16, 185, 129, 0.2);
  --bg-nebula-2: rgba(5, 150, 105, 0.15);
  --accent-color: #10b981;
  --accent-glow: rgba(16, 185, 129, 0.5);
  --text-main: #ecfdf5;
  --text-muted: #6ee7b7;
  --card-bg: rgba(6, 26, 17, 0.8);
}

[data-theme="neon-night"] {
  --bg-color: #04000c;
  --bg-nebula-1: rgba(217, 70, 239, 0.25);
  --bg-nebula-2: rgba(14, 165, 233, 0.2);
  --accent-color: #00f0ff;
  --accent-glow: rgba(0, 240, 255, 0.6);
  --text-main: #fdf4ff;
  --text-muted: #f0abfc;
  --card-bg: rgba(18, 10, 32, 0.85);
}

[data-theme="retro-vapor"] {
  --bg-color: #12072b;
  --bg-nebula-1: rgba(244, 114, 182, 0.25);
  --bg-nebula-2: rgba(129, 140, 248, 0.2);
  --accent-color: #f472b6;
  --accent-glow: rgba(244, 114, 182, 0.5);
  --text-main: #fdf2f8;
  --text-muted: #c084fc;
  --card-bg: rgba(28, 16, 58, 0.8);
}

[data-theme="deep-ocean"] {
  --bg-color: #020c1b;
  --bg-nebula-1: rgba(14, 165, 233, 0.22);
  --bg-nebula-2: rgba(2, 132, 199, 0.15);
  --accent-color: #0284c7;
  --accent-glow: rgba(2, 132, 199, 0.5);
  --text-main: #f0f9ff;
  --text-muted: #38bdf8;
  --card-bg: rgba(5, 28, 54, 0.8);
}

[data-theme="slate"] {
  --bg-color: #0f172a;
  --bg-nebula-1: rgba(148, 163, 184, 0.15);
  --bg-nebula-2: rgba(51, 65, 85, 0.25);
  --accent-color: #94a3b8;
  --accent-glow: rgba(148, 163, 184, 0.4);
  --text-main: #f8fafc;
  --text-muted: #cbd5e1;
  --card-bg: rgba(30, 41, 59, 0.8);
}

[data-theme="gotham"] {
  --bg-color: #08080a;
  --bg-nebula-1: rgba(74, 222, 128, 0.15);
  --bg-nebula-2: rgba(34, 197, 94, 0.1);
  --accent-color: #4ade80;
  --accent-glow: rgba(74, 222, 128, 0.45);
  --text-main: #f0fdf4;
  --text-muted: #86efac;
  --card-bg: rgba(15, 23, 18, 0.85);
}

[data-theme="solar-flare"] {
  --bg-color: #0d0901;
  --bg-nebula-1: rgba(234, 179, 8, 0.25);
  --bg-nebula-2: rgba(202, 138, 4, 0.15);
  --accent-color: #eab308;
  --accent-glow: rgba(234, 179, 8, 0.5);
  --text-main: #fefce8;
  --text-muted: #fde047;
  --card-bg: rgba(29, 21, 5, 0.85);
}

[data-theme="violet-dream"] {
  --bg-color: #0b0416;
  --bg-nebula-1: rgba(168, 85, 247, 0.25);
  --bg-nebula-2: rgba(192, 132, 252, 0.15);
  --accent-color: #a855f7;
  --accent-glow: rgba(168, 85, 247, 0.5);
  --text-main: #faf5ff;
  --text-muted: #d8b4fe;
  --card-bg: rgba(26, 12, 46, 0.8);
}

[data-theme="monochrome"] {
  --bg-color: #050505;
  --bg-nebula-1: rgba(255, 255, 255, 0.08);
  --bg-nebula-2: rgba(255, 255, 255, 0.04);
  --accent-color: #ffffff;
  --accent-glow: rgba(255, 255, 255, 0.35);
  --text-main: #ffffff;
  --text-muted: #a3a3a3;
  --card-bg: rgba(20, 20, 20, 0.85);
}

[data-theme="candy"] {
  --bg-color: #0e0514;
  --bg-nebula-1: rgba(244, 63, 94, 0.22);
  --bg-nebula-2: rgba(236, 72, 153, 0.15);
  --accent-color: #f43f5e;
  --accent-glow: rgba(244, 63, 94, 0.5);
  --text-main: #fff1f2;
  --text-muted: #fda4af;
  --card-bg: rgba(30, 12, 32, 0.8);
}

[data-theme="aurora"] {
  --bg-color: #020f12;
  --bg-nebula-1: rgba(20, 184, 166, 0.22);
  --bg-nebula-2: rgba(45, 212, 191, 0.15);
  --accent-color: #14b8a6;
  --accent-glow: rgba(20, 184, 166, 0.5);
  --text-main: #f0fdfa;
  --text-muted: #5eead4;
  --card-bg: rgba(4, 30, 34, 0.8);
}

[data-theme="ember"] {
  --bg-color: #100603;
  --bg-nebula-1: rgba(239, 68, 68, 0.25);
  --bg-nebula-2: rgba(249, 115, 22, 0.15);
  --accent-color: #ef4444;
  --accent-glow: rgba(239, 68, 68, 0.5);
  --text-main: #fef2f2;
  --text-muted: #fca5a5;
  --card-bg: rgba(35, 14, 9, 0.85);
}