/* Avalue — échelle typographique du site (Helvetica Now Display uniquement, stade actuel).
   Référence pour toute nouvelle page ou section. Valeurs à reprendre verbatim. */
:root {
  /* Titres — poids 300 (Light), tracking négatif */
  --av-h1-size: clamp(40px, 5.2vw, 76px);
  --av-h1-lh: 1.06;
  --av-h1-ls: -0.015em;

  --av-h2-size: clamp(34px, 3.4vw, 52px);
  --av-h2-lh: 1.1;
  --av-h2-ls: -0.02em;

  --av-h2-alt-size: clamp(32px, 3.2vw, 48px); /* titres de sous-section */
  --av-h3-size: 22px;
  --av-h3-lh: 1.3;
  --av-h3-ls: -0.01em;
  --av-heading-weight: 300;

  /* Texte — poids 400, pas de tracking négatif */
  --av-lede-size: 20px;   /* réservé au chapeau du hero, une seule occurrence par page */
  --av-lede-lh: 1.5;
  --av-body-size: 16px;   /* texte courant partout ailleurs */
  --av-body-lh: 1.6;
  --av-label-size: 16px;  /* eyebrow au-dessus d'un titre, poids 500 */
  --av-label-weight: 500;
  --av-ui-size: 15px;     /* nav, boutons, tags */
  --av-ui-lh: 1.3;
  --av-meta-size: 14px;   /* légendes, méta */
  --av-meta-lh: 1.5;
  --av-body-weight: 400;

  /* Couleurs de texte */
  --av-text-on-light: #0C1012;
  --av-text-muted-on-light: rgba(12, 16, 18, 0.75);
  --av-text-meta-on-light: rgba(12, 16, 18, 0.55);
  --av-text-on-dark: #FFFFFF;
  --av-text-muted-on-dark: rgba(255, 255, 255, 0.82);

  /* Rythme */
  --av-heading-gap: 48px;   /* sous un titre de section */
  --av-heading-gap-tight: 24px;
  --av-measure: 52ch;      /* mesure de lecture max */
}