:root{
  --font-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Public Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --weight-regular:400; --weight-medium:500; --weight-semibold:600;
  --weight-bold:700; --weight-black:800;

  /* Type scale — 1.25 major third, 16px base */
  --size-2xs:12px; --size-xs:13px; --size-sm:14px; --size-base:16px;
  --size-md:18px; --size-lg:22px; --size-xl:28px; --size-2xl:36px;
  --size-3xl:46px; --size-4xl:58px; --size-5xl:72px;

  --leading-tight:1.05; --leading-snug:1.2; --leading-normal:1.55; --leading-loose:1.75;
  --tracking-tight:-0.02em; --tracking-normal:0; --tracking-wide:0.06em; --tracking-caps:0.14em;

  /* Semantic roles */
  --type-hero-family:var(--font-display);
  --type-hero-size:var(--size-5xl);
  --type-hero-weight:var(--weight-black);
  --type-h1-size:var(--size-3xl);
  --type-h2-size:var(--size-2xl);
  --type-h3-size:var(--size-xl);
  --type-eyebrow-size:var(--size-xs);
  --type-body-size:var(--size-base);
  --type-caption-size:var(--size-sm);
}