/* ============================================================
   hammerjack — Typography tokens
   Titles: Montserrat (Bold). Subcopy/eyebrows/pills: Rubik.
   Hero headings: Moderniz (→ Saira substitute).
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-title:   'Montserrat', system-ui, sans-serif;   /* titles, headings */
  --font-body:    'Rubik', system-ui, sans-serif;         /* subcopy, UI, pills */
  --font-display: 'Saira', 'Montserrat', system-ui, sans-serif; /* Moderniz stand-in: hero headings */

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */
  --fw-extra:   800; /* @kind other */

  /* ---- Type scale (clamped for fluid web use) ---- */
  --fs-display:  clamp(2.75rem, 1.6rem + 4.6vw, 5rem); /* @kind other */
  --fs-h1:       clamp(2.25rem, 1.5rem + 3vw, 3.5rem); /* @kind other */
  --fs-h2:       clamp(1.75rem, 1.2rem + 2vw, 2.5rem); /* @kind other */
  --fs-h3:       1.5rem; /* @kind other */
  --fs-h4:       1.375rem; /* @kind other */
  --fs-lead:     1.375rem; /* @kind other */
  --fs-body:     1.375rem; /* @kind other */
  --fs-small:    1.375rem; /* @kind other */
  --fs-eyebrow:  1.375rem; /* @kind other */
  --fs-caption:  1.375rem; /* @kind other */

  /* ---- Line heights ---- */
  --lh-tight:   1.05; /* @kind other */
  --lh-heading: 1.15; /* @kind other */
  --lh-snug:    1.35; /* @kind other */
  --lh-body:    1.6; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: -0.02em; /* @kind other */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-eyebrow: 0.08em; /* @kind other */
}