:root {
  /* Dark Gaming Theme - Cyberpunk & Neon Colors */
  --color-primary: 168 85 247; /* Purple 500 */
  --color-secondary: 236 72 153; /* Pink 500 */
  --color-accent: 34 197 94; /* Green 500 */
  --color-bg: 17 24 39; /* Gray 900 */
  --color-surface: 31 41 55; /* Gray 800 */
  --color-card: 55 65 81; /* Gray 700 */
  --color-text: 243 244 246; /* Gray 100 */
  --color-text-muted: 156 163 175; /* Gray 400 */
  --color-border: 75 85 99; /* Gray 600 */
  --color-hero-bg: linear-gradient(135deg, rgb(168 85 247) 0%, rgb(236 72 153) 100%);
  
  /* Gaming specific */
  --color-neon-purple: 147 51 234;
  --color-neon-pink: 236 72 153;
  --color-neon-cyan: 6 182 212;
}

body {
  background-color: rgb(var(--color-bg)) !important;
  color: rgb(var(--color-text)) !important;
}

.btn-primary {
  background: linear-gradient(135deg, rgb(var(--color-primary)), rgb(var(--color-secondary))) !important;
  color: white !important;
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  font-weight: 700;
  transition: all 0.3s;
  border: 1px solid rgba(168, 85, 247, 0.3);
  box-shadow: 0 4px 15px rgba(var(--color-primary), 0.3);
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(168, 85, 247, 0.4) !important;
  border-color: rgb(var(--color-primary));
}

.neon-glow {
  box-shadow: 0 0 20px rgba(168, 85, 247, 0.6);
  border: 1px solid rgba(168, 85, 247, 0.3);
}