/* app/static/css/base.css
   Reinitialisation de base, copiee de "design interface/PC/markup (3).html"
   lignes 291 a 299, plus le style de <body> de la ligne 303 du meme fichier
   (font-family/font-size du conteneur racine). Ne rien inventer ici. */

html, body { margin: 0; padding: 0; background: var(--bg); }
* { box-sizing: border-box; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--line3); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }

a { color: var(--acc); text-decoration: none; }
/* La maquette porte ici `color:#e8ff7a` (ligne 297) : un reste vert-jaune de
   l'accent supprime lors du passage au bleu. Seul ecart volontaire du lot 0,
   tranche par Edwin : accent bleu unique, le survol decline le bleu. */
a:hover { color: var(--accHover); }

button { font-family: inherit; }

/* Focus clavier visible (audit 2026-08-18, U1) : règle globale plutôt que
   par composant — les champs stylés du design system posent
   individuellement `outline: none` (ils vivent dans une carte sans bordure
   de formulaire visible) sans jamais fournir de substitut ; le focus au
   clavier y devenait invisible. `:focus-visible` (pas `:focus`) : n'affiche
   l'anneau qu'à la navigation clavier, jamais sur un simple clic souris. */
:focus-visible { outline: 2px solid var(--accLine); outline-offset: 2px; }

/* Lien d'évitement (audit 2026-08-18, U8) : hors écran par défaut, ramené
   dans le flux visuel uniquement au focus clavier -- motif standard,
   absent des deux maquettes (elles n'ont ni clavier ni lecteur d'écran à
   simuler). */
.lien-evitement {
  position: absolute; top: -100px; left: 8px; z-index: 1000;
  background: var(--acc); color: var(--accTxt); padding: 10px 16px;
  border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none;
}
.lien-evitement:focus-visible { top: 8px; }

@keyframes pulseDot { 0%, 100% { opacity: 1 } 50% { opacity: .25 } }

body {
  color: var(--txt);
  font-family: Archivo, system-ui, -apple-system, sans-serif;
  font-size: 13px;
}

/* Chiffres alignes en tabulaire, comme partout dans la maquette
   (ex. markup ligne 415 : font-family:'JetBrains Mono',monospace). */
.chiffre { font-family: 'JetBrains Mono', monospace; }

/* Page d'erreur (404/500, gabarits pc/erreur.html et mobile/erreur.html,
   revue finale du lot 0, item 5) : aucune maquette de reference pour un
   ecran d'erreur, donc pas de calque a reprendre verbatim ici -- juste de
   quoi rester dans le design system (jetons de couleur/police) au lieu de
   la page Werkzeug brute. Un seul style partage entre PC et mobile : ces
   deux gabarits ne different que par l'ossature qui les entoure (rail vs
   barre basse), pas par ce bloc. */
.erreur-page {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center; padding: 48px 20px;
}
.erreur-page-code {
  font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--dim);
  letter-spacing: .04em; text-transform: uppercase;
}
.erreur-page h1 { font-size: 20px; color: var(--txt); margin: 0; }
.erreur-page p { margin: 0; font-size: 13px; color: var(--txt2); max-width: 420px; }
.erreur-page a { font-weight: 600; }