/* ==========================================================================
   Jetons de conception — E-Diaspora
   Source de vérité des couleurs, de la typographie et des espacements.
   Aucune valeur brute de couleur ne doit apparaître ailleurs.
   ========================================================================== */

:root {
  /* --- Couleurs ---------------------------------------------------------
     --sceau est rare : il ne signale que l'officiel (Pacte Mondial, statut
     de délégué, en-tête des PDF). S'il apparaît partout, il ne signale plus. */
  --encre: #14262a;
  --laterite: #9a4a2f;
  --sceau: #b8892c;
  --papier: #fcfbf9;
  --gris: #e2e5e1;
  --eau: #35606b;

  /* Variantes dérivées, calculées une fois ici. */
  --encre-70: #4a5c60;
  --encre-50: #7b8688;
  --papier-creux: #f4f2ee;
  --laterite-sourd: #7c3b25;
  --eau-clair: #4e7c88;
  --trait: #d5d9d3;

  /* --- Typographie ------------------------------------------------------ */
  --police-titre: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --police-texte: "IBM Plex Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --police-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

  /* Échelle fluide : lisible à 360 px comme à 1600 px. */
  --t-xs: 0.78rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-md: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
  --t-lg: clamp(1.3rem, 1.15rem + 0.7vw, 1.7rem);
  --t-xl: clamp(1.7rem, 1.4rem + 1.4vw, 2.5rem);
  --t-2xl: clamp(2.2rem, 1.6rem + 2.8vw, 4rem);

  --interligne: 1.65;
  --interligne-titre: 1.12;
  --mesure: 68ch; /* longueur de ligne sous 75 caractères */

  /* --- Espacement -------------------------------------------------------- */
  --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: 4.5rem;
  --e-9: 6.5rem;

  /* Gouttière large de gauche : le dispositif de mise en page du site. */
  --gouttiere: clamp(1.25rem, 7vw, 7.5rem);
  --marge-droite: clamp(1.25rem, 3vw, 3rem);
  --colonne-notes: 15rem;
  --largeur-page: 82rem;

  /* --- Divers ------------------------------------------------------------ */
  --rayon: 2px; /* le registre est documentaire : presque pas d'arrondi */
  --transition: 140ms ease-out;
}

/* ==========================================================================
   Polices auto-hébergées.
   Déposer les .woff2 dans public/assets/fonts/ — voir LISEZ-MOI.md.
   Aucun appel à Google Fonts : latence depuis l'Afrique de l'Ouest et
   dépendance externe inutile.
   ========================================================================== */

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* IBM Plex Sans est servi en fonte variable : un seul fichier couvre toute
   la plage de graisses, italique compris dans son propre fichier. */

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-italic.woff2") format("woff2");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}