:root{
  /* Paralucent — the brand face. Display cut for headlines, Text cut for body/UI. */
  --font-display:"paralucent","Futura","Century Gothic",system-ui,sans-serif;
  --font-body:"paralucent-text","paralucent",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-ui:var(--font-body);
  --font-condensed:"paralucent-condensed","paralucent",system-ui,sans-serif;
  --font-stencil:"paralucent-stencil","paralucent",system-ui,sans-serif;

  /* Miller Headline — the accent face, used SPARINGLY and almost always italic:
     one line per page at most (hero kicker, campaign flash, pull quote).
     Never for body copy, never for UI labels, never two accents on one screen.
     A high-contrast display serif, so it wants size: below ~18px the hairlines
     disappear. Set it at 20px+ and let it be the only serif on the page. */
  --font-accent:"miller-headline",Georgia,"Times New Roman",serif;
  --font-accent-style:italic;

  /* The kit ships 400 and 700 only — there is no 500 or 600.
     Asking for 600 makes the browser synthesise or snap to 700, so the tokens
     map to the real cuts instead. Use --fw-bold for emphasis, never a faux mid-weight. */
  --fw-regular:400; /* @kind font */
  --fw-medium:400; /* @kind font */
  --fw-semibold:700; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Display / headings — Paralucent runs wide and open, so tracking pulls in tight */
  --fs-display-xl:64px;  --lh-display-xl:1.02; /* @kind font */
  --fs-display-l:48px;   --lh-display-l:1.05; /* @kind font */
  --fs-display-m:36px;   --lh-display-m:1.1; /* @kind font */
  --fs-heading-l:28px;   --lh-heading-l:1.15; /* @kind font */
  --fs-heading-m:22px;   --lh-heading-m:1.2; /* @kind font */
  --fs-heading-s:18px;   --lh-heading-s:1.3; /* @kind font */

  /* Body */
  --fs-body-l:18px;      --lh-body-l:1.6; /* @kind font */
  --fs-body-m:16px;      --lh-body-m:1.6; /* @kind font */
  --fs-body-s:14px;      --lh-body-s:1.55; /* @kind font */
  --fs-caption:12px;     --lh-caption:1.4; /* @kind font */

  /* Eyebrow / utility — always uppercase + tracked out */
  --fs-eyebrow:12px;
  --ls-eyebrow:0.14em; /* @kind font */
  --ls-display:-0.02em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-button:0.06em; /* @kind font */
}