:root {
  /* ---- Families ---- */
  --font-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, sans-serif;
  --font-body: var(--font-sans);
  --font-heading: var(--font-sans);

  /* ---- Weights ---- */
  --fw-light: 300;   /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-bold: 700;    /* @kind other */

  /* ---- Scale (px) ---- */
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 21px;
  --fs-xl: 26px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;

  /* ---- Line heights ---- */
  --lh-tight: 1.2;   /* @kind other */
  --lh-snug: 1.4;    /* @kind other */
  --lh-body: 1.8;    /* @kind other */

  /* ---- Letter spacing (the HFL signature: airy tracking) ---- */
  --ls-body: 0.02em;
  --ls-wide: 0.08em;
  --ls-heading: 0.15em;   /* intro H1 */
  --ls-eyebrow: 0.2em;    /* green section H2 */
}