:root{
  /* Families */
  --font-serif:'Merchant',Georgia,'Times New Roman',serif;   /* headlines, subheads, numerals */
  --font-sans:'Stack Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; /* body, UI, labels */

  /* Weights */
  --w-light:300;      /* @kind font */
  --w-regular:400;    /* @kind font */
  --w-medium:500;     /* @kind font */
  --w-semibold:600;   /* @kind font */
  --w-bold:700;       /* @kind font */
  --w-black:900;      /* @kind font */

  /* Fluid display scale — Merchant */
  --fs-display:clamp(64px,9vw,132px);  /* @kind font */  /* hero headline */
  --fs-h1:clamp(44px,6vw,72px);        /* @kind font */
  --fs-h2:clamp(32px,4vw,52px);        /* @kind font */  /* section titles */
  --fs-h3:clamp(24px,3vw,36px);        /* @kind font */
  --fs-serif-sm:20px;                  /* @kind font */  /* small serif accents */

  /* Body scale — Stack Sans */
  --fs-lead:20px;   /* @kind font */  /* large reading passages, Light */
  --fs-body:16px;   /* @kind font */  /* default body */
  --fs-ui:14px;     /* @kind font */  /* UI text, captions */
  --fs-label:12px;  /* @kind font */  /* eyebrows, labels, nav */
  --fs-micro:11px;  /* @kind font */  /* scroll cues, fine print */

  /* Line heights */
  --lh-tight:0.94;   /* @kind other */  /* oversized display */
  --lh-snug:1.1;     /* @kind other */  /* section titles */
  --lh-body:1.7;     /* @kind other */  /* body copy */
  --lh-reading:1.6;  /* @kind other */  /* lead paragraphs */

  /* Letter spacing */
  --ls-display:-0.015em; /* @kind other */
  --ls-tight:-0.01em;    /* @kind other */
  --ls-label:0.15em;     /* @kind other */  /* uppercase eyebrows */
  --ls-nav:0.06em;       /* @kind other */
  --ls-wide:0.25em;      /* @kind other */  /* placeholder captions */
}