/* ══════════════════════════════════════════════════════════════
   TYPO.CSS — typographie et largeurs communes à tout le site
   Importé par styles.css ; chargé directement par les gabarits
   autonomes (partials/_auth_head.php, partials/_require_published.php).

   Trois rôles, chacun = une police + une taille :
     titre   → titres de page et de section
     card    → titres et accroches des cards / encadrés
     texte   → paragraphes, listes, libellés, badges, légendes
   Les tailles sont fluides : mobile (≈375px) → desktop (≈1440px).
   Pour ajuster un rôle partout : modifier sa ligne ici.
   ══════════════════════════════════════════════════════════════ */
:root {
  --font-title: 'Cormorant Garamond', Georgia, serif;
  --font-card:  'Jost', 'Lato', sans-serif;
  --font-text:  'Lato', sans-serif;
  --fw-title:   400;   /* graisse des titres (Cormorant : 300 · 400 · 500 réellement disponibles) */

  --fs-title: clamp(1.9rem,   1.62rem + 1.2vw, 2.75rem);  /* 30 → 44px */
  --fs-card:  clamp(1.25rem,  1.16rem + .4vw,  1.5rem);   /* 20 → 24px */
  --fs-text:  clamp(1.0625rem, 1.02rem + .2vw, 1.1875rem); /* 17 → 19px */

  --fs-root: 100%;  /* zoom global */

  /* Largeurs de mise en page (même logique : un seul endroit) */
  --page-max:    1440px;                     /* largeur max du contenu */
  --page-gutter: clamp(1.15rem, 4vw, 4rem);  /* marges latérales : 18 → 64px */
  --read-max:    1000px;                     /* colonnes de lecture (articles, ouvrage) */
}

html { font-size: var(--fs-root); }