@font-face { font-family: "Unbounded"; src: url("/polices/unbounded.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Atkinson"; src: url("/polices/atkinson-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Atkinson"; src: url("/polices/atkinson-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --nuit: #10163A;
  --nuit-fond: #0A0F2C;
  --nuit-2: #18205A;
  --nuit-3: #232D72;
  --ligne: #36428F;
  --texte: #F3F5FF;
  --texte-2: #B4BCE4;
  --ambre: #FFAA33;
  --ampoule: #FFD995;
  --rouge: #E8464E;
  --vert: #22B36E;
  --jaune: #F4D03F;
  --bleu: #3D86F5;
  --succes: #3CD68A;
  --titre: "Unbounded", "Arial Black", sans-serif;
  --corps: "Atkinson", "Segoe UI", Arial, sans-serif;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--nuit-fond);
  color: var(--texte);
  font-family: var(--corps);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
button { font: inherit; color: inherit; }
[hidden] { display: none !important; }

/* Couleur de chaque réponse (A rouge, B vert, C jaune, D bleu ; Vrai vert, Faux rouge). */
.c-rouge { --c: var(--rouge); --c-texte: #fff; }
.c-vert { --c: var(--vert); --c-texte: #fff; }
.c-jaune { --c: var(--jaune); --c-texte: #241B00; }
.c-bleu { --c: var(--bleu); --c-texte: #fff; }

.logo {
  font-family: var(--titre);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--texte);
}
.logo b { color: var(--ambre); font-weight: 800; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}