/* MIB — typographie. Display: Space Grotesk. Texte: Inter. Mono: JetBrains Mono. */
:root{
  --font-display:"Space Grotesk","Archivo",system-ui,sans-serif;
  --font-display-alt:"Archivo","Space Grotesk",system-ui,sans-serif;
  --font-text:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  --fs-display:64px;
  --fs-h1:48px;
  --fs-h2:32px;
  --fs-h3:24px;
  --fs-body:17px;
  --fs-small:14px;
  --fs-eyebrow:13px;

  --lh-tight:1.15; /* @kind font */ /* titres */
  --lh-body:1.6; /* @kind font */ /* texte */

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

  --ls-display:-0.02em; /* @kind font */
  --ls-h1:-0.018em; /* @kind font */
  --ls-h2:-0.012em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-eyebrow:0.16em; /* @kind font */ /* petites capitales espacées: slogan, eyebrows */
  --ls-logo-tagline:0.28em; /* @kind font */

  /* Rôles composés */
  --type-display:var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-display);
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-tight) var(--font-display);
  --type-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-tight) var(--font-display);
  --type-h3:var(--fw-semibold) var(--fs-h3)/1.25 var(--font-display);
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-text);
  --type-small:var(--fw-regular) var(--fs-small)/var(--lh-body) var(--font-text);
  --type-mono:var(--fw-regular) var(--fs-small)/1.55 var(--font-mono);
}