:root{
  /* Body, captions, UI. Lexend Light is the running-text default. */
  --font-sans:"Lexend",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  /* Headlines, titles, wordmarks. */
  --font-display:"Outfit",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;

  /* Body never drops below 18px. */
  --text-2xs:0.875rem;   /* 14px - legal / metadata only, never a sentence */
  --text-xs:1rem;        /* 16px - captions, table units */
  --text-sm:1.125rem;    /* 18px - minimum body size */
  --text-base:1.25rem;   /* 20px - default body */
  --text-lg:1.375rem;    /* 22px - lead paragraph */
  --text-xl:1.75rem;     /* 28px */
  --text-2xl:2.25rem;    /* 36px */
  --text-3xl:3rem;       /* 48px */
  --text-4xl:4rem;       /* 64px */
  --text-5xl:5.25rem;    /* 84px */

  --leading-tight:1.1;
  --leading-snug:1.25;
  --leading-normal:1.5;
  --leading-body:1.65;   /* body copy default */
  --leading-loose:1.8;   /* long-form and NL/FR translations */

  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-wide:0.04em;
  --tracking-eyebrow:0.12em;

  --weight-light:300;   /* Lexend Light - the body default */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --measure-body:66ch;
  --measure-lead:52ch;
}