/* ==========================================================================
   Edragal Conseil — Système de design · Jetons (tokens)
   Direction retenue : B « Vivant / Soin »
   Créé le 11/10/2026 · HELABOWEB

   CONTRAT D'INTÉGRATION
   ---------------------
   Ce fichier ne déclare AUCUNE police : voir `fonts.css` (polices auto-hébergées,
   aucune requête vers un CDN tiers — conformité RGPD/CNIL).
   Les deux fichiers (tokens.css + fonts.css + components.css) doivent être chargés
   dans cet ordre, avec un dossier `fonts/` placé à côté de `fonts.css`.
   ========================================================================== */

:root {

  /* --- Couleurs de marque -------------------------------------------------
     Marine = autorité institutionnelle (ce que lit un DGS)
     Teal   = santé, RH (le versant humain)
     Terracotta = accent chaud, l'humain et l'appel à l'action
     Papier = fond légèrement chaud, jamais blanc pur (moins agressif, plus lisible)
  ------------------------------------------------------------------------- */
  --marine:        #0E2A45;
  --marine-2:      #173C52;
  --marine-3:      #1E4E69;
  --teal:          #2E7D8C;
  --teal-encre:    #256673;   /* teal assombri : AA sur fond papier (6,0:1) */
  --teal-pale:     #E3EEF0;
  --terracotta:    #E66B2D;
  --terracotta-cta:#B84A12;   /* terracotta assombri : AA avec texte blanc (5,2:1) */
  --terracotta-pale:#FBEAE0;

  /* --- Neutres ------------------------------------------------------------ */
  --papier:        #F7F6F2;
  --blanc:         #FFFFFF;
  --gris-clair:    #DCE4E6;
  --gris-texte:    #4A5C6B;
  --encre:         #0E2A45;
  --texte:         #24384A;

  /* --- Sémantique --------------------------------------------------------- */
  --alerte:        #B23A2A;
  --alerte-pale:   #F7E4E1;
  --succes:        #2F6F4E;

  /* --- Rôles -------------------------------------------------------------- */
  --fond:          var(--papier);
  --fond-alt:      var(--blanc);
  --fond-sombre:   var(--marine);
  --bordure:       var(--gris-clair);
  --bordure-forte: #C3CFD3;

  /* --- Typographie -------------------------------------------------------- */
  --police-titres: "Fraunces", Georgia, "Times New Roman", serif;
  --police-texte:  "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --police-chiffres: "Public Sans", ui-monospace, monospace;

  /* Échelle fluide (mobile → desktop), lisible et sobre */
  --t-xs:   0.8125rem;   /* 13px — mentions, légendes */
  --t-s:    0.9375rem;   /* 15px — texte secondaire */
  --t-base: 1.0625rem;   /* 17px — texte courant (confort de lecture) */
  --t-m:    1.1875rem;   /* 19px — chapeau */
  --t-l:    clamp(1.375rem, 1.15rem + 1.1vw, 1.75rem);
  --t-xl:   clamp(1.75rem, 1.35rem + 2vw, 2.5rem);
  --t-xxl:  clamp(2.125rem, 1.5rem + 3.1vw, 3.5rem);
  --t-hero: clamp(2.375rem, 1.4rem + 4.4vw, 4rem);

  --interligne-serre: 1.15;
  --interligne-titre: 1.25;
  --interligne-texte: 1.65;

  --graisse-normale: 400;
  --graisse-medium:  500;
  --graisse-forte:   600;
  --graisse-titre:   600;

  /* --- Espacements (pas de 4 px, base 8) ---------------------------------- */
  --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:  4rem;
  --e-9:  6rem;
  --e-10: 8rem;
  --section-y: clamp(3rem, 2rem + 4.5vw, 6rem);
  --section-y-serre: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);

  /* --- Mise en page ------------------------------------------------------- */
  --conteneur:        1180px;
  --conteneur-texte:  68ch;      /* largeur de lecture confortable */
  --gouttiere:        clamp(1.125rem, 0.8rem + 1.4vw, 2rem);

  /* --- Formes ------------------------------------------------------------- */
  --rayon-s:  4px;
  --rayon:    6px;
  --rayon-l:  10px;
  --rayon-pilule: 999px;

  --ombre-1: 0 1px 2px rgba(14, 42, 69, 0.06), 0 1px 3px rgba(14, 42, 69, 0.05);
  --ombre-2: 0 2px 4px rgba(14, 42, 69, 0.06), 0 8px 20px rgba(14, 42, 69, 0.07);
  --ombre-focus: 0 0 0 3px rgba(46, 125, 140, 0.35);

  /* --- Transitions -------------------------------------------------------- */
  --transition: 160ms ease;
  --transition-lente: 260ms ease;
}