:root{
  /* One family, five weights. Montserrat carries display, UI and data. */
  --font-core:"Montserrat",-apple-system,"Segoe UI",system-ui,sans-serif;
  --font-display:var(--font-core);
  --font-data:var(--font-core);

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

  /* Fluid display sizes (deck / hero) */
  --fs-display-1:clamp(38px,5vw,64px); /* @kind font */
  --fs-display-2:clamp(32px,4.4vw,52px); /* @kind font */
  --fs-h1:clamp(28px,3.4vw,40px); /* @kind font */
  --fs-h2:clamp(24px,2.8vw,32px); /* @kind font */
  --fs-h3:21px; /* @kind font */
  --fs-h4:18px; /* @kind font */
  --fs-lede:19px; /* @kind font */
  --fs-body:17px; /* @kind font */
  --fs-body-sm:15.5px; /* @kind font */
  --fs-small:14px; /* @kind font */
  --fs-eyebrow:11.5px; /* @kind font */
  --fs-micro:12.5px; /* @kind font */

  --lh-tight:1.06; /* @kind font */
  --lh-snug:1.18; /* @kind font */
  --lh-heading:1.28; /* @kind font */
  --lh-body:1.62; /* @kind font */
  --lh-lede:1.55; /* @kind font */

  --ls-display:-.022em; /* @kind font */
  --ls-heading:-.014em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-eyebrow:.16em; /* @kind font */
  --ls-caps:.08em; /* @kind font */

  --text-display-1:var(--fw-bold) var(--fs-display-1)/var(--lh-tight) var(--font-display);
  --text-h1:var(--fw-bold) var(--fs-h1)/var(--lh-snug) var(--font-display);
  --text-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --text-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-heading) var(--font-core);
  --text-lede:var(--fw-light) var(--fs-lede)/var(--lh-lede) var(--font-core);
  --text-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-core);
  --text-eyebrow:var(--fw-semibold) var(--fs-eyebrow)/1.4 var(--font-core);
}
