/* AURORA-X Cosmic Glow Theme — Cyan / Purple / Magenta */

:root {
  --aurora-cyan: #00ffff;
  --aurora-purple: #8a2be2;
  --aurora-magenta: #ff00ff;
  --aurora-white: #ffffff;
}

/* Global glow */
.aurora-bg {
  background: radial-gradient(circle at 50% 20%, rgba(0,255,255,0.25), rgba(0,0,20,0.95)),
              radial-gradient(circle at 80% 80%, rgba(255,0,255,0.15), transparent);
  background-size: cover;
}

/* HUD glow */
.info-panel {
  box-shadow:
    0 0 18px rgba(0,255,255,0.35),
    inset 0 0 12px rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
}

/* Deck glow */
.deck {
  box-shadow:
    0 0 22px rgba(0,255,255,0.35),
    inset 0 0 18px rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
}

/* Mixer glow */
.mixer-core {
  box-shadow:
    0 0 22px rgba(255,0,255,0.35),
    inset 0 0 18px rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
}

/* Buttons glow */
button {
  box-shadow:
    0 0 12px rgba(0,255,255,0.25),
    inset 0 0 8px rgba(255,255,255,0.15);
}

/* Mode switch glow */
.mode-switch button {
  box-shadow:
    0 0 16px rgba(255,0,255,0.35),
    inset 0 0 10px rgba(255,255,255,0.15);
}

/* Avatar base glow */
.dj-avatar {
  box-shadow:
    0 0 28px rgba(0,255,255,0.45),
    inset 0 0 18px rgba(255,255,255,0.25);
}