:root{
  /* Families. Display = the Condensed Ultra cut used for the logo and all headlines.
     Text = the regular grotesque used for everything else. */
  --font-display:'Archivo Expanded','Archivo','ABC Diatype Condensed','Helvetica Neue',sans-serif;
  --font-text:'Archivo','ABC Diatype','Helvetica Neue',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular','Menlo',monospace;

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

  /* Display scale — always uppercase, tight, condensed */
  --fs-display-1:clamp(3.5rem,7vw,6.5rem); /* @kind font */
  --fs-display-2:clamp(2.75rem,5vw,4.5rem); /* @kind font */
  --fs-h1:2.75rem;
  --fs-h2:2rem;
  --fs-h3:1.5rem;
  --fs-h4:1.25rem;

  /* Text scale */
  --fs-lead:1.25rem;
  --fs-body:1rem;
  --fs-small:0.875rem;
  --fs-caption:0.75rem;
  --fs-micro:0.6875rem;

  --lh-display:0.86; /* @kind font */
  --lh-heading:1.05; /* @kind font */
  --lh-body:1.55; /* @kind font */
  --lh-tight:1.2; /* @kind font */

  --ls-display:-0.02em; /* @kind font */
  --ls-heading:-0.01em; /* @kind font */
  --ls-body:0em; /* @kind font */
  /* Wide-tracked micro caps — the running header style from the brand guide */
  --ls-eyebrow:0.24em; /* @kind font */

  --tt-display:uppercase; /* @kind other */

  /* Ready-made semantic type tokens */
  --type-display:var(--fw-ultra) var(--fs-display-1)/var(--lh-display) var(--font-display);
  --type-h2:var(--fw-ultra) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-text);
  --type-eyebrow:var(--fw-semibold) var(--fs-micro)/1.4 var(--font-text);
}