:root {
  --background: linear-gradient(145deg, #010310, #080c17);
  --home-bg: url("/assets/imgs/backgrounds/home/blue.jpg");
  --primary: #01031d;
  --primary-dark: #0c0015;
  --secondary: #0a0e1a;
  --accent: #3b82f6;
  --accent-light: #93c5fd;
  --accent-glow: rgba(59, 130, 246, 0.2);
  --border: rgba(59, 130, 246, 0.3);
  --text: #e0f2fe;
  --text-muted: #bae6fd;
  --hover-danger: #f87171;
  --active-tab: linear-gradient(145deg, #1e3a8a, var(--secondary));
}

:root.shadow {
  --background: linear-gradient(145deg, #0b0013, #15001f);
  --home-bg: url("/assets/imgs/backgrounds/home/purple.jpg");
  --primary: #12001f;
  --primary-dark: #0a0015;
  --secondary: #1a0a2b;
  --accent: #a855f7;
  --accent-light: #d8b4fe;
  --accent-glow: rgba(168, 85, 247, 0.2);
  --border: rgba(168, 85, 247, 0.3);
  --text: #f3e8ff;
  --text-muted: #e9d5ff;
  --hover-danger: #fb7185;
  --active-tab: linear-gradient(145deg, #6b21a8, var(--secondary));
}

:root.redsunset {
  --background: linear-gradient(145deg, #2b001b, #490000);
  --home-bg: url("/assets/imgs/backgrounds/home/red.jpg");
  --primary: #2e020e;
  --primary-dark: #1f0101;
  --secondary: #450202;
  --accent: #ef4444;
  --accent-light: #f87171;
  --accent-glow: rgba(239, 68, 68, 0.2);
  --border: rgba(239, 68, 68, 0.3);
  --text: #fef2f2;
  --text-muted: #fee2e2;
  --hover-danger: #9b1c1c;
  --active-tab: linear-gradient(145deg, #ef4444, var(--secondary));
}

:root.matrix {
  --background: linear-gradient(145deg, #000c05, #001a0f);
  --home-bg: url("/assets/imgs/backgrounds/home/green.jpg");
  --primary: #001a0f;
  --primary-dark: #000d07;
  --secondary: #003b22;
  --accent: #39ff14;
  --accent-light: #66ff66;
  --accent-glow: rgba(57, 255, 20, 0.25);
  --border: rgba(57, 255, 20, 0.3);
  --text: #eaffea;
  --text-muted: #c6fdd1;
  --hover-danger: #16a34a;
  --active-tab: linear-gradient(145deg, #39ff14, var(--secondary));
}

:root.operagx {
  --background: linear-gradient(145deg, #0d0606, #040000);
  --home-bg: url("/assets/imgs/backgrounds/home/operagx.jpg");
  --primary: #090505;
  --primary-dark: #0a0b10;
  --secondary: #000;
  --accent: #ff0050; 
  --accent-light: #ff4f87;
  --accent-glow: rgba(255, 0, 80, 0.15);
  --border: rgba(255, 0, 80, 0.25);
  --text: #f0f0f5;
  --text-muted: #a0a0b2;
  --hover-danger: #ff4f87;
  --active-tab: linear-gradient(145deg, #ff0050, #1a1b22);
}


:root.midnight {
  --background: #0a0a0f;
  --home-bg: url("/assets/imgs/backgrounds/home/indigo.png");
  --primary: #111322;
  --primary-dark: #0c0e1a;
  --secondary: #1a1c2b;
  --accent: #4f46e5; 
  --accent-light: #818cf8; 
  --accent-glow: rgba(99, 102, 241, 0.2);
  --border: rgba(129, 140, 248, 0.25);
  --text: #f1f5f9;
  --text-muted: #cbd5e1;
  --hover-danger: #ef4444;
  --active-tab: linear-gradient(145deg, #4338ca, var(--secondary));
}

:root.golden {
  --background: linear-gradient(145deg, #1a1200, #2d1f00);
  --home-bg: url("/assets/imgs/backgrounds/home/golden.jpg");
  --primary: #2d1f00;
  --primary-dark: #1a1200;
  --secondary: #3d2f10;
  --accent: #ffd700;
  --accent-light: #ffed4e;
  --accent-glow: rgba(255, 215, 0, 0.2);
  --border: rgba(255, 215, 0, 0.3);
  --text: #fffacd;
  --text-muted: #f0e68c;
  --hover-danger: #ff8c00;
  --active-tab: linear-gradient(145deg, #b8860b, var(--secondary));
}