/* =========================================================
   BROOTHER — Typographie
   Titres : Playfair Display (serif). Texte : Inter (sans).
   Jamais d'autres polices.
   ========================================================= */
:root {
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* — Familles sémantiques — */
  --font-heading: var(--font-display);
  --font-body:    var(--font-sans);

  /* — Graisses — */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */

  /* — Échelle d'affichage (Playfair Display) — */
  --text-hero:    clamp(56px, 10vw, 144px);  /* h1 accueil */
  --text-display: clamp(48px, 7vw, 96px);    /* bannière de page */
  --text-h1:      clamp(40px, 5.5vw, 72px);
  --text-h2:      clamp(36px, 4.5vw, 56px);
  --text-h3:      clamp(24px, 2.6vw, 34px);
  --text-h4:      22px;

  /* — Échelle de texte (Inter) — */
  --text-lead:    18px;   /* chapô */
  --text-body-lg: 17px;
  --text-body-md: 16px;   /* corps par défaut */
  --text-body-sm: 14px;
  --text-caption: 13px;
  --text-micro:   11px;   /* labels tracked */

  /* — Interlignage — */
  --lh-tight:   1.05;   /* @kind other */
  --lh-snug:    1.2;    /* @kind other */
  --lh-normal:  1.55;   /* @kind other */
  --lh-relaxed: 1.7;    /* @kind other */

  /* — Interlettrage — */
  --tracking-hero:  -0.025em;  /* @kind other */
  --tracking-head:  -0.02em;   /* @kind other */
  --tracking-body:   0;        /* @kind other */
  --tracking-label:  0.2em;    /* @kind other */
  --tracking-wide:   0.28em;   /* @kind other */
}