/* =========================
   THEME VARIABLES
========================= */

body {
  --bg: radial-gradient(circle at top, #0a001a, #000);
  --card: rgba(20, 0, 50, 0.9);
  --border: #ff00d4;
  --glow: #ff00d4;
  --text: #0fffff;
  --accent: #ff00aa;
}

/* NEON PUNK */
.theme-neon {
  --bg: radial-gradient(circle at top, #0a001a, #000);
  --card: rgba(20, 0, 50, 0.9);
  --border: #ff00d4;
  --glow: #ff00d4;
  --text: #0fffff;
  --accent: #ff00aa;
}

/* VAPORWAVE */
.theme-vapor {
  --bg: linear-gradient(135deg, #1a0033, #000428);
  --card: rgba(80, 0, 120, 0.8);
  --border: #ff6ec7;
  --glow: #ff6ec7;
  --text: #b6ffff;
  --accent: #ff66cc;
}

/* MATRIX */
.theme-matrix {
  --bg: #000;
  --card: rgba(0, 30, 0, 0.9);
  --border: #00ff41;
  --glow: #00ff41;
  --text: #00ff41;
  --accent: #00ff41;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(0,255,65,0.05),
      rgba(0,255,65,0.05) 2px,
      transparent 2px,
      transparent 4px
    );
}

/* BLADE RUNNER */
.theme-blade {
  --bg: linear-gradient(135deg, #140800, #000);
  --card: rgba(60, 10, 0, 0.9);
  --border: #ff6b35;
  --glow: #ff6b35;
  --text: #7fecff;
  --accent: #ff4500;
}