:root{
  /* Families */
  --font-display:"Helvetica","Helvetica Neue",Arial,sans-serif;
  --font-text:"Futura","Futura PT","Futura Std","Jost","Century Gothic",sans-serif;
  --font-script:"Caveat Brush","Bradley Hand",cursive;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;

  /* Weights — Futura Medium is the text default; Helvetica Bold the display default */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;
  --weight-display:700;
  --weight-text:500;

  /* Scale — display steps are meant to be set in --font-display */
  --size-display-xl:clamp(3.5rem,7vw,6rem);   /* 56 → 96 */
  --size-display-lg:clamp(2.75rem,5vw,4rem);  /* 44 → 64 */
  --size-display-md:2.25rem;                  /* 36 */
  --size-display-sm:1.75rem;                  /* 28 */
  --size-title:1.375rem;                      /* 22 */
  --size-body-lg:1.125rem;                    /* 18 */
  --size-body:1rem;                           /* 16 */
  --size-body-sm:0.875rem;                    /* 14 */
  --size-caption:0.8125rem;                   /* 13 */
  --size-micro:0.6875rem;                     /* 11 */

  /* Line heights */
  --leading-display:0.95;
  --leading-tight:1.1;
  --leading-snug:1.3;
  --leading-body:1.55;
  --leading-loose:1.7;

  /* Tracking — Helvetica Bold titles run at -75 (−0.075em). Step it back at smaller
     display sizes, where -75 starts to collide (round letters, f/t, quotes). */
  --tracking-display:-0.075em;      /* display-xl / display-lg */
  --tracking-display-md:-0.06em;    /* display-md, ~36px */
  --tracking-display-sm:-0.045em;   /* display-sm and below */
  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-label:0.08em;
  --tracking-eyebrow:0.16em;

  /* The logo wordmark sits on a ~6° rise; used for accent lettering only */
  --brand-slant:-6deg; /* @kind other */
}