/* Admova — typographie. Serif éditoriale pour les titres, grotesque pour l'UI. */
:root {
  --font-display: 'Instrument Serif', 'Times New Roman', Georgia, serif;
  --font-sans: 'Archivo', ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Graisses */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Échelle (px) */
  --size-hero: 88px;
  --size-display: 68px;
  --size-h1: 52px;
  --size-stat: 60px;
  --size-h2: 38px;
  --size-h3: 28px;
  --size-h4: 22px;
  --size-h5: 18px;
  --size-lead: 20px;
  --size-body: 17px;
  --size-body-sm: 15px;
  --size-caption: 13px;
  --size-micro: 12px;
  --size-eyebrow: 11px;

  /* Interlignes */
  --leading-hero: 1.02;
  --leading-display: 1.06;
  --leading-heading: 1.16;
  --leading-snug: 1.3;
  --leading-body: 1.6;
  --leading-tight: 1.4;

  /* Interlettrages */
  --tracking-hero: -0.03em;
  --tracking-display: -0.022em;
  --tracking-heading: -0.015em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.14em;
  --tracking-mono: 0.02em;

  /* Rôles composés */
  --type-hero: var(--weight-regular) var(--size-hero) / var(--leading-hero) var(--font-display);
  --type-display: var(--weight-regular) var(--size-display) / var(--leading-display) var(--font-display);
  --type-h1: var(--weight-regular) var(--size-h1) / var(--leading-heading) var(--font-display);
  --type-stat: var(--weight-regular) var(--size-stat) / var(--leading-display) var(--font-display);
  --type-h2: var(--weight-semibold) var(--size-h2) / var(--leading-heading) var(--font-sans);
  --type-h3: var(--weight-semibold) var(--size-h3) / var(--leading-snug) var(--font-sans);
  --type-h4: var(--weight-semibold) var(--size-h4) / var(--leading-snug) var(--font-sans);
  --type-h5: var(--weight-semibold) var(--size-h5) / var(--leading-tight) var(--font-sans);
  --type-lead: var(--weight-regular) var(--size-lead) / var(--leading-body) var(--font-sans);
  --type-body: var(--weight-regular) var(--size-body) / var(--leading-body) var(--font-sans);
  --type-body-sm: var(--weight-regular) var(--size-body-sm) / var(--leading-body) var(--font-sans);
  --type-caption: var(--weight-regular) var(--size-caption) / var(--leading-tight) var(--font-sans);
  --type-button: var(--weight-semibold) var(--size-body-sm) / 1.2 var(--font-sans);
  --type-eyebrow: var(--weight-semibold) var(--size-eyebrow) / var(--leading-tight) var(--font-sans);
  --type-mono: var(--weight-regular) var(--size-caption) / var(--leading-tight) var(--font-mono);
}