:root {
  /* Kleuren */
  --kleur-primair: #6C3CE1;
  --kleur-secundair: #FF6B35;
  --kleur-correct: #00D4AA;
  --kleur-fout: #FF3B5C;
  --kleur-tekst: #1A1A2E;
  --kleur-achtergrond: #F4F6F8;
  --kleur-wit: #FFFFFF;
  --kleur-grijs-licht: #E0E0E0;
  --kleur-grijs-donker: #333333;

  /* Antwoordkleuren */
  --kleur-antwoord-a: #E21B3C;
  --kleur-antwoord-b: #1368CE;
  --kleur-antwoord-c: #D89E00;
  --kleur-antwoord-d: #26890C;

  /* Podium Specifiek */
  --kleur-podium-achtergrond: #0D0D1A;
  --kleur-podium-tekst: #FFFFFF;

  /* Typografie */
  --font-kop: 'Exo 2', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Animatie */
  --animatie-snelheid-normaal: 0.3s;
  --animatie-snelheid-snel: 0.15s;
  --animatie-easing: cubic-bezier(0.25, 0.8, 0.25, 1);
  --animatie-timer-verloop: linear;

  /* Afmetingen */
  --radius-klein: 4px;
  --radius-normaal: 8px;
  --radius-groot: 16px;
  --schaduw-normaal: 0 4px 6px rgba(0, 0, 0, 0.1);
  --schaduw-zwevend: 0 10px 15px rgba(0, 0, 0, 0.1);
}