/* =============================================================
   TYPOGRAPHY — 3 familles
     Archivo          DOMINANTE — body, UI, nav, H3, CTA, eyebrows
                                  (grotesque industriel — même ADN que Barlow)
     Barlow Condensed DISPLAY   — H1 hero, H2 de section, titres de cards
                                  majeures. TOUJOURS uppercase, 700-800,
                                  ls .01-.02em, lh 0.92-1.0. Accent 1-2 mots :
                                  italique 700 OU couleur (--latex sur noir,
                                  --accent-500 sur cream). INTERDITE en body.
     JetBrains Mono   DONNÉE    — numérotation "01", refs/SKU, mesures
                                  banc ("19,5 J", "88 mm"), specs chiffrées,
                                  PRIX (un prix est une donnée, pas une émotion)
   ============================================================= */
:root {
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Archivo', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* --- Échelle (desktop) --- */
  --fs-hero:      88px;  /* H1 hero — Barlow Condensed 800 uppercase */
  --fs-h1:        56px;  /* H1 page — Archivo 700 */
  --fs-h2:        36px;  /* H2 section — Archivo 600 */
  --fs-h2-display:40px;  /* H2 section — Barlow Condensed 700 uppercase */
  --fs-h3:        22px;
  --fs-lede:      18px;
  --fs-body:      16px;
  --fs-body-sm:   15px;
  --fs-small:     13px;
  --fs-xs:        12px;
  --fs-eyebrow:   11px;
  --fs-mono:      12px;

  --lh-tight:     1.05; /* @kind other */
  --lh-snug:      1.2;  /* @kind other */
  --lh-body:      1.6;  /* @kind other */
  --lh-display:   0.95; /* @kind other */

  /* resserrage Archivo (plus carrée qu'Inter) — body -0.006em · eyebrow .12→.10em · CTA .05→.04em */
  --ls-body:      -0.006em; /* @kind other */

  --ls-eyebrow:   0.10em;  /* @kind other */
  --ls-cta:       0.04em;  /* @kind other */
  --ls-tight:    -0.02em;  /* @kind other */
  --ls-display:   0.015em; /* @kind other */

  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */
  --fw-display: 800; /* @kind other */
}