/* 100pc — jetons de design. Aucune valeur en dur ailleurs. */
:root {
  /* Palette : deux neutres (90 % de la surface), un accent (≤ 5 %) */
  --ardoise:        #1C2A30;  /* fond principal, l'écran commun est sombre pour se lire de loin */
  --ardoise-haute:  #26363D;  /* surfaces posées sur l'ardoise : réponses, champs */
  --craie:          #E8ECE6;  /* texte principal, fond des pages animateur */
  --craie-sourde:   #9FADA8;  /* texte secondaire, filets */
  --minuterie:      #F5C542;  /* accent unique : la barre de temps, la bonne réponse, l'action primaire */
  --alerte:         #E0705A;  /* erreurs de formulaire uniquement */

  /* Typographie : Poppins seule, servie en local (choix de Mathieu) */
  --police: "Poppins", "Poppins-repli", system-ui, sans-serif;

  --t-petit:     clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);  /* lh 1.45, ls 0.01em */
  --t-corps:     clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);       /* lh 1.55, ls 0 */
  --t-intertitre:clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);  /* lh 1.35, ls -0.005em */
  --t-titre:     clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);       /* lh 1.2, ls -0.01em */
  /* Écran commun : lisible depuis le canapé (3 m), pas un effet de style */
  --t-reponse:   clamp(1.25rem, 0.8rem + 1.9vw, 2.5rem);        /* lh 1.25, ls -0.005em */
  --t-question:  clamp(1.75rem, 1rem + 3vw, 4rem);              /* lh 1.15, ls -0.015em */

  --lh-serre: 1.15;
  --lh-titre: 1.2;
  --lh-corps: 1.55;

  /* Espacements */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4.5rem;

  /* Rayons : hiérarchisés, jamais le même partout */
  --r-champ:   6px;
  --r-reponse: 14px;
  --r-pastille: 999px;

  /* Filets */
  --filet: 1px solid var(--ardoise-haute);
  --filet-clair: 1px solid var(--craie-sourde);
  --focus: 3px solid var(--minuterie);

  /* Mouvement */
  --duree-courte: 160ms;
  --hauteur-minuterie: 10px;
}

:root {
  /* Gabarits */
  --largeur-contenu: 56rem;
  --largeur-etroite: 40rem;
  --largeur-question: 62vw;
  --taille-qr: 11rem;
  --hauteur-reponse-tel: 4rem;
  --pastille: 0.75rem;
  --grain-opacite: 0.03;
}
