/* ═══════════════════════════════════════════════════════════════════
   VERIO : FEUILLE COMMUNE (tache i80, etape 1, 23/10/2026)

   Un seul endroit pour les couleurs, les gris et les polices des pages
   publiques. Etape 1 : aucun choix graphique nouveau, les couleurs sont
   celles qui etaient recopiees page par page ; les gris (onze teintes
   differentes) sont ramenes a cinq. La charte elle-meme (etape 2) se
   cadre avec Victor et se presente a Benoit avant d'etre appliquee.
   Chaque page garde son propre bloc <style> pour ce qui lui est propre.
   Verifie par _dev/tests/charte.mjs : une page publique ne declare plus
   de gris en dur, seulement ces variables.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Couleurs de marque */
  --bleu: #1F4E79;
  --bleu-fonce: #0D2E4D;
  --bleu-clair: #2563AB;
  --orange: #C55A11;
  --orange-clair: #FFF3EC;
  --vert: #375623;
  --vert-clair: #E2EFDA;
  --rouge: #C00000;
  --rouge-clair: #FDE8E8;
  --blanc: #FFFFFF;

  /* Cinq gris, du plus fonce au plus clair, et deux fonds */
  --texte: #1A1A1A;         /* titres et texte principal */
  --texte-doux: #444444;    /* paragraphes, listes */
  --gris: #64748B;          /* aides, mentions secondaires */
  --gris-clair: #94A3B8;    /* pieds de page, dates, textes discrets */
  --bordure: #E2E8F0;       /* filets et bordures */
  --bg: #F0F4F8;            /* fond des pages */
  --bg-carte: #F8FAFC;      /* fond des encadres clairs */

  /* Polices */
  --police-texte: 'DM Sans', sans-serif;
  --police-titre: 'Merriweather', serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--police-texte); color: var(--texte); }

/* i335 (préparé le 08/11/2026) : pied de page légal commun à toutes les pages
   publiques (Mentions légales, Confidentialité, CGV, Contact). Une petite ligne
   discrète, couleurs de la feuille commune seulement. */
.pied-legal { text-align: center; font-family: var(--police-texte); font-size: 12px; color: var(--gris-clair); padding: 20px 16px 28px; line-height: 1.8; }
.pied-legal a { color: var(--gris); text-decoration: none; white-space: nowrap; }
.pied-legal a:hover { color: var(--bleu); text-decoration: underline; }