/* ========== variables.css - Quiz ACF SRD ========== */
:root {
  /* Polices */
  --font-title: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Thème Clair (Défaut) */
  --primary: #1A4D8F;
  --primary-rgb: 26, 77, 143;
  --secondary: #FF7F50;
  --accent: #20B2AA;
  --light: #F0F8FF;
  --dark: #2C3E50;
  --bg-gradient-start: #f8fbff;
  --bg-gradient-end: #e8f4f8;
  --surface: rgba(255, 255, 255, 0.85);
  --text: #1a2a3a;
  --text-light: #5a6a7a;
  --success: #2ecc71;
  --danger: #e74c3c;
  --gold: #f1c40f;
  --silver: #bdc3c7;
  --bronze: #e67e22;
  --border-color: rgba(26, 77, 143, 0.1);
  --option-bg: rgba(255, 255, 255, 0.6);
  --option-hover: rgba(26, 77, 143, 0.03);
  --btn-text: #ffffff;
  --glass-blur: 15px;
  --adm: #2B3A67;
}

[data-theme="dark"] {
  --primary: #4A90E2;
  --secondary: #FF8A65;
  --accent: #26C6DA;
  --light: #2c3e50;
  --dark: #aeb9bb;
  --bg-gradient-start: #1a252f;
  --bg-gradient-end: #2c3e50;
  --surface: #34495e;
  --text: #ffffff;
  --text-light: #ced6d8;
  --border-color: rgba(255, 255, 255, 0.1);
  --option-bg: rgba(255, 255, 255, 0.05);
}

/* ========================================
   PHASE 4: ADVENTURE MAP GAMING STYLES
   ======================================== */
[data-theme="gaming"] {
  --primary: #1A4D8F;
  --primary-rgb: 26, 77, 143;
  --secondary: #FF7F50;
  --accent: #20B2AA;
  --light: #1a2744;
  --dark: #94A3B8;
  --bg-gradient-start: #0a1628;
  --bg-gradient-end: #1A4D8F;
  --surface: rgba(255, 255, 255, 0.08);
  --surface-solid: #1a2744;
  --text: #FFFFFF;
  --text-light: #94A3B8;
  --success: #22c55e;
  --danger: #ef4444;
  --gold: #f1c40f;
  --warning: #f59e0b;
  --border-color: rgba(255, 255, 255, 0.1);
  --option-bg: rgba(255, 255, 255, 0.05);
  --glass-blur: 20px;
}

[data-theme="gaming"] body,
[data-theme="gaming"] .quiz-container {
  background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
  color: var(--text);
}

[data-theme="gaming"] .quiz-container {
  background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
  border: 1px solid var(--border-color);
}

[data-theme="gaming"] .question-card,
[data-theme="gaming"] .option,
[data-theme="gaming"] .surface-glass {
  background: var(--surface);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

[data-theme="gaming"] .option {
  border: 2px solid var(--border-color);
  color: var(--text);
}

[data-theme="gaming"] .option:hover {
  border-color: var(--secondary);
  background: rgba(255, 127, 80, 0.15);
  box-shadow: 0 0 20px rgba(255, 127, 80, 0.3);
  transform: translateY(-2px);
}

[data-theme="gaming"] .option.correct {
  background: var(--success);
  border-color: var(--success);
  color: white;
}

[data-theme="gaming"] .option.incorrect {
  background: var(--danger);
  border-color: var(--danger);
  color: white;
}