/* ==========================================================================
   Atelier — jetons de design. Unique source de verite pour couleur, type,
   espacement. Aucune valeur en dur ailleurs que dans ce fichier.
   Reference : prompt.md §6.
   ========================================================================== */

:root {
  /* --- Socle : graphite chauffe. Volontairement pas un bleu-noir : la
     chaleur evoque la fonte et l'atelier, et distingue l'app du gris-bleu
     par defaut des interfaces sombres. --- */
  --fonte:        #1A1816;  /* fond de page */
  --acier:        #24211E;  /* carte, surface */
  --acier-haut:   #302C28;  /* champ de saisie, surface elevee */
  --filet:        #3A3530;  /* filets 1px, bordures */
  --filet-fort:   #4E463F;  /* bordure de champ actif */
  --craie:        #F2EDE6;  /* texte principal   — 14.9:1 sur --fonte */
  --craie-douce:  #9B948B;  /* texte secondaire  —  5.4:1 sur --fonte */

  /* --- Accents : couleurs normalisees des disques de competition.
     25 kg rouge, 20 kg bleu, 15 kg jaune, 10 kg vert. Palette
     categorielle, pas un accent unique : l'app affiche en permanence
     plusieurs categories simultanees. --- */
  --p25:          #C2352C;  /* action primaire, record */
  --p20:          #1F6FB2;  /* serie validee, information */
  --p15:          #E4B32A;  /* partiel, avertissement */
  --p10:          #2E8B57;  /* progression, succes */

  /* --- Variantes eclaircies. OBLIGATOIRES pour du texte sur fond sombre :
     les teintes pleines ci-dessus ne passent pas AA en texte.
     Mesures sur --fonte : p25 2.9:1 / p20 2.6:1 / p10 4.0:1 -> insuffisant.
     Les teintes pleines s'emploient en REMPLISSAGE, avec --craie dessus. --- */
  --p25-txt:      #E8695F;  /*  5.3:1 sur --fonte */
  --p20-txt:      #5FA8DE;  /*  6.6:1 sur --fonte */
  --p15-txt:      #E4B32A;  /*  8.5:1 sur --fonte */
  --p10-txt:      #4FBE80;  /*  8.0:1 sur --fonte */

  /* --- Ombres et voile : noirs translucides derives du socle, pour que les
     feuilles et messages decollent du fond sans introduire de teinte. --- */
  --ombre:        rgba(0, 0, 0, 0.45);
  --ombre-forte:  rgba(0, 0, 0, 0.6);
  --voile:        rgba(10, 9, 8, 0.62);  /* --fonte assombri, 62 % */

  /* --- Typographie. Une seule superfamille variable, les roles sont
     obtenus par les axes de largeur (wdth) et de graisse (wght).
     En production : woff2 auto-heberge dans public/fonts/. --- */
  --face:      "Archivo", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;

  --t-11: 0.6875rem;  /* libelles en capitales */
  --t-13: 0.8125rem;  /* meta, notes */
  --t-15: 0.9375rem;  /* texte courant */
  --t-18: 1.125rem;   /* valeur de ligne */
  --t-24: 1.5rem;     /* titre de section */
  --t-34: 2.125rem;   /* valeur de tete */
  --t-56: 3.5rem;     /* minuteur, charge de la serie en cours.
                         Seuls chiffres lisibles a un metre. */

  /* --- Espacement : grille de 4 px, sans exception. --- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* --- Rayons volontairement durs : materiel d'atelier, pas de bulle. --- */
  --r-1: 2px;
  --r-2: 4px;

  --pile-cran: 12px;  /* hauteur d'un cran : doit loger la graduation en 10 px */
}

/* Libelle : petites capitales elargies. Porte l'identite typographique. */
.lab {
  font-size: var(--t-11);
  font-weight: 600;
  font-stretch: 112%;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--craie-douce);
}

/* Titre : Archivo Expanded 700 capitales. Evoque le marquage au pochoir
   sur le materiel de salle. Employe avec retenue, jamais en paragraphe. */
.tit {
  font-size: var(--t-24);
  font-weight: 700;
  font-stretch: 118%;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.05;
  margin: 0;
}
.tit--s { font-size: var(--t-18); }

/* Chiffres tabulaires partout ou un nombre est affiche. Sans cela, les
   colonnes de charge et le minuteur sautent a chaque changement de chiffre. */
.num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}