/* --- Themes in order of appearance :) */

/* 1. Cyber-Sunset (Deep violet to fiery orange) */
[data-theme="cyber-sunset"] {
  --primary: #ff5f6d;
  --primary-rgb: 255, 95, 109;
  --secondary: #6a11cb;
  --secondary-rgb: 106, 17, 203;
}

/* 2. Acid-Neon (Sharp, energetic, and highly readable) */
[data-theme="acid-neon"] {
  --primary: #ccff00;
  --primary-rgb: 204, 255, 0;
  --secondary: #00f2ff;
  --secondary-rgb: 0, 242, 255;
}

/* 3. Midnight-Aurora (Cool, ethereal, and premium) */
[data-theme="midnight-aurora"] {
  --primary: #00d2ff;
  --primary-rgb: 0, 210, 255;
  --secondary: #9d50bb;
  --secondary-rgb: 157, 80, 187;
}

/* 4. Molten-Gold (Sophisticated, rich, and high contrast) */
[data-theme="molten-gold"] {
  --primary: #ffcc33;
  --primary-rgb: 255, 204, 51;
  --secondary: #ff6600;
  --secondary-rgb: 255, 102, 0;
}

/* 5. Deep-Ocean (Sophisticated, cool, and extremely easy on the eyes) */
[data-theme="deep-ocean"] {
  --primary: #008080;
  --primary-rgb: 0, 128, 128;
  --secondary: #40e0d0;
  --secondary-rgb: 64, 224, 208;
}

/* 6. Matrix-Vibe (Sharp, digital, high contrast, and very 'code-y') */
[data-theme="matrix-vibe"] {
  --primary: #00ff41;
  --primary-rgb: 0, 255, 65;
  --secondary: #333333;
  --secondary-rgb: 51, 51, 51;
}

[data-theme="electric-grape"] {
  --primary: #bf00ff;
  --primary-rgb: 191, 0, 255;
  --secondary: #00ff9f;
  --secondary-rgb: 0, 255, 159;
}

[data-theme="blood-moon"] {
  --primary: #ff0000;
  --primary-rgb: 255, 0, 0;
  --secondary: #ff8c00;
  --secondary-rgb: 255, 140, 0;
}

[data-theme="frozen-voltage"] {
  --primary: #ffffff;
  --primary-rgb: 255, 255, 255;
  --secondary: #0077ff;
  --secondary-rgb: 0, 119, 255;
}

[data-theme="toxic-haze"] {
  --primary: #adff2f;
  --primary-rgb: 173, 255, 47;
  --secondary: #ff00ff;
  --secondary-rgb: 255, 0, 255;
}

[data-theme="rose-quartz"] {
  --primary: #ff007f;
  --primary-rgb: 255, 0, 127;
  --secondary: #70ffd0;
  --secondary-rgb: 112, 255, 208;
}

[data-theme="brutalist-silver"] {
  --primary: #e5e5e5;
  --primary-rgb: 229, 229, 229;
  --secondary: #666666;
  --secondary-rgb: 102, 102, 102;
}