/* =========================================================================
   Socle commun — jetons de design, remise à zéro, accessibilité.
   Chargé par index.html (accueil) et app.html (application).
   ========================================================================= */

:root{
  --plateau:#FF6B00;
  --encre:#141414;
  --brume:#FAFAF7;
  --acier:#6E6E73;
  --ligne:rgba(110,110,115,.28);
  --surface:#FFFFFF;
  --tap:44px;
  --tap-lg:60px;

  /* Aucune police distante : rien à télécharger, rien à attendre, aucun
     tiers dans le circuit. Chaque système fournit sa propre grotesque —
     SF Pro, Segoe UI, Roboto — et sa propre monospace. */
  --texte:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
  --chiffres:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}

body{
  background:var(--brume);
  color:var(--encre);
  font-family:var(--texte);
  font-weight:400;
  font-size:16px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

:focus-visible{outline:2px solid var(--plateau);outline-offset:2px}

/* Les états de repos sont toujours l'état final : couper les animations
   ne doit jamais laisser un élément invisible. */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}