/* CAMEROON CEO — système de tokens
   Une seule source de vérité pour la couleur, la typographie et l'espace.
   Toute valeur employée dans le thème vient d'ici. Aucune valeur en dur ailleurs. */

:root {
  /* Couleur, dérivée du logotype et des couvertures du titre */
  --encre: #17181B;
  --encre-85: #33353A;
  --encre-55: #6B6E75;
  --encre-30: #A9ACB1;
  --papier: #FBFBFA;
  --kiosque: #E6E7E4;
  --filet: #D5D7D3;
  --laiton: #B4873A;
  --laiton-profond: #7A5A1E;
  --laiton-voile: #F0E6D2;
  --vert-237: #007A3D; /* usage restreint : kiosque et chronologie des dix ans */

  /* Rôles */
  --fond: var(--papier);
  --texte: var(--encre);
  --texte-second: var(--encre-55);
  --accent: var(--laiton);
  --accent-texte: var(--laiton-profond);

  /* Typographie */
  --titrage: "Archivo", "Archivo Expanded", "Helvetica Neue", Arial, sans-serif;
  --labeur: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --utilitaire: "Archivo", "Helvetica Neue", Arial, sans-serif;

  /* Échelle typographique, quinte majeure resserrée pour la densité B2B */
  --t-couverture: clamp(2.7rem, 6.4vw, 5.1rem);
  --t-titre-1: clamp(2.05rem, 4.2vw, 3.3rem);
  --t-titre-2: clamp(1.5rem, 2.4vw, 2.05rem);
  --t-titre-3: 1.28rem;
  --t-chapo: clamp(1.12rem, 1.5vw, 1.36rem);
  --t-corps: 1.1875rem;
  --t-petit: 0.9375rem;
  --t-mention: 0.8125rem;
  --t-libelle: 0.75rem;

  /* Espace, base 4 */
  --e-1: 4px;  --e-2: 8px;  --e-3: 12px; --e-4: 16px;
  --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 64px;
  --e-9: 96px; --e-10: 128px;

  /* Grille */
  --page: 1360px;
  --lecture: 64ch;
  --gouttiere: var(--e-5);
  --rail: 300px;

  /* Divers */
  --duree: 160ms;
  --focus: 2px solid var(--laiton-profond);
}

@media (min-width: 900px) {
  :root { --gouttiere: var(--e-6); }
}