:root{
  /* Families — display is the quirky geometric grotesk used for every heading,
     nav item and button label; body is the neutral grotesk used for prose and
     spec lists; mono carries prices, plate numbers and ratings. */
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-mono:'DM Mono',ui-monospace,monospace;

  /* Weights */
  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:700; /* @kind other */
  --fw-extrabold:800; /* @kind other */

  /* Sizes */
  --fs-hero:60px;
  --lh-hero:1.02; /* @kind other */
  --ls-hero:-0.03em; /* @kind other */
  --fs-h1:40px;
  --lh-h1:1.08; /* @kind other */
  --ls-h1:-0.025em; /* @kind other */
  --fs-h2:28px;
  --lh-h2:1.15; /* @kind other */
  --ls-h2:-0.02em; /* @kind other */
  --fs-h3:19px;
  --lh-h3:1.25; /* @kind other */
  --ls-h3:-0.01em; /* @kind other */
  --fs-h4:16px;
  --lh-h4:1.3; /* @kind other */
  --ls-h4:-0.01em; /* @kind other */
  --fs-body:15px;
  --lh-body:1.6; /* @kind other */
  --fs-body-sm:13.5px;
  --lh-body-sm:1.55; /* @kind other */
  --fs-caption:12px;
  --lh-caption:1.4; /* @kind other */
  --fs-eyebrow:11px;
  --lh-eyebrow:1.2; /* @kind other */
  --ls-eyebrow:0.14em; /* @kind other */
  --fs-price:19px;
  --ls-price:0.02em; /* @kind other */
  --fs-mono-sm:13px;

  /* Footer mega-menu links */
  --fs-footer-link:30px;
  --lh-footer-link:1.25; /* @kind other */
}