/* BOON — Typography tokens
   Neue Haas Grotesk Display Pro (-> Inter substitute) for everything.
   Pinyon Script (-> SloopScript Pro substitute) as decorative accent ONLY. */

:root {
  /* ---- Families ---- */
  --font-display: 'Inter', 'Neue Haas Grotesk Display Pro', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', 'Neue Haas Grotesk Display Pro', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-script:  'Pinyon Script', 'SloopScript Pro', cursive; /* accent words only */

  /* ---- Weights (mapped from Neue Haas Roman/Medium/Bold) ---- */
  --weight-roman:   400; /* body, captions, legal */
  --weight-medium:  500; /* subtitles, hierarchy */
  --weight-semi:    600;
  --weight-bold:    700; /* titles, page headers */
  --weight-black:   800; /* oversized wordmark moments */

  /* ---- Type scale (px, per design brief) ---- */
  --fs-display: 4.5rem;   /* 72 — oversized statements */
  --fs-h1:      3.25rem;  /* 52 — page heroes (40–56 range) */
  --fs-h2:      2rem;     /* 32 — section heads (28–36) */
  --fs-h3:      1.375rem; /* 22 — card / block heads (20–24) */
  --fs-lead:    1.25rem;  /* 20 — lead paragraph */
  --fs-body:    1.0625rem;/* 17 — body copy (16–18) */
  --fs-small:   0.9375rem;/* 15 — captions */
  --fs-eyebrow: 0.8125rem;/* 13 — eyebrows / labels */

  /* ---- Line heights ---- */
  --lh-tight:   1.04;  /* @kind other */
  --lh-heading: 1.14;  /* @kind other */
  --lh-body:    1.6;   /* @kind other */

  /* ---- Tracking ---- */
  --ls-tight:   -0.02em; /* large display */
  --ls-normal:  0; /* @kind other */
  --ls-eyebrow: 0.14em;  /* uppercase eyebrows */
}