/**
 * Beverly Hills Lux Ride - Theme Logic
 * Version 5 (Cache Buster)
 */

/* =========================================
   1. CORE VARIABLES & DEFAULTS
   ========================================= */
:root {
  /* Default Gold */
  --accent-color: #D4AF37;
  --accent-bg: rgba(212, 175, 55, 0.15);
  
  /* Shared Defaults */
  --transition: cubic-bezier(0.16, 1, 0.3, 1);
}

/* =========================================
   2. ACCENT OVERRIDES (Specificity Boosted)
   ========================================= */

/* Green (Razer) */
html[data-accent="green"] {
  --accent-color: #00FF00;
  --accent-bg: rgba(0, 255, 0, 0.2);
}

/* Orange (Sunset) */
html[data-accent="orange"] {
  --accent-color: #f97316; /* Bright Sunset Orange */
  --accent-bg: rgba(249, 115, 22, 0.2);
}

/* Gold (Default) */
html[data-accent="gold"] {
  --accent-color: #D4AF37;
  --accent-bg: rgba(212, 175, 55, 0.15);
}

/* =========================================
   3. NIGHT MODE (Dark)
   ========================================= */
[data-theme="dark"] {
  --bg-primary: #050505;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #141414;
  --bg-card: rgba(255,255,255,0.03);
  
  --header-bg: rgba(5, 5, 5, 0.85);
  --border-color: rgba(255,255,255,0.1);
  --hover-bg: rgba(255,255,255,0.05);

  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.7);
  --text-muted: rgba(255,255,255,0.5);
}

/* =========================================
   4. DAY MODE (Light)
   ========================================= */
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f4f4f5;
  --bg-tertiary: #e4e4e7;
  --bg-card: #ffffff;
  
  --header-bg: rgba(255, 255, 255, 0.95);
  --border-color: rgba(0,0,0,0.1);
  --hover-bg: rgba(0,0,0,0.05);

  --text-primary: #000000;
  --text-secondary: rgba(0,0,0,0.75);
  --text-muted: rgba(0,0,0,0.5);
}

/* =========================================
   5. COMPONENT STYLING
   ========================================= */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 { color: var(--text-primary); }
p, span, li { color: var(--text-secondary); }

/* Header & Nav */
.nav-link { color: var(--text-secondary); }
.nav-link:hover, .nav-link.active {
  color: var(--accent-color);
  background-color: var(--hover-bg);
}

/* Icons */
.gear-btn {
  border-color: var(--border-color);
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
.gear-btn:hover {
  color: var(--accent-color);
  background: var(--hover-bg);
}

/* Buttons */
.cta-button {
  background: var(--accent-color);
  color: #000 !important;
  font-weight: bold;
}

/* =========================================
   6. NUCLEAR FIX: HOME PAGE TEXT
   ========================================= */
/* This forces all text on the home page to be black when in Day Mode */
[data-theme="light"] .hero-section h1,
[data-theme="light"] .hero-section h2,
[data-theme="light"] .hero-section h3,
[data-theme="light"] .hero-section p,
[data-theme="light"] .hero-section span,
[data-theme="light"] .hero-title, 
[data-theme="light"] .hero-subtitle {
  color: #000000 !important;
  text-shadow: none !important;
}