/* ============================================================
   Signature 4 — Typography tokens
   One family (Inter Tight). The voice comes from scale + tracking,
   not weight. Headlines are LARGE and set in regular/medium with
   tight tracking — never heavy/black. Italic = emphasis.
   Eyebrows are small, UPPERCASE, widely tracked.
   ============================================================ */
:root {
  /* ---- Families ---------------------------------------------- */
  --font-sans:      "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-signature: "Allura", "Snell Roundhand", cursive; /* heritage wordmark only */

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

  /* ---- Display + heading scale (clamped, fluid) -------------- */
  --fs-display: clamp(3rem, 1.6rem + 5.6vw, 6rem); /* @kind other */
  --fs-h1:      clamp(2.4rem, 1.4rem + 3.6vw, 4rem); /* @kind other */
  --fs-h2:      clamp(1.9rem, 1.3rem + 2.4vw, 3rem); /* @kind other */
  --fs-h3:      clamp(1.4rem, 1.05rem + 1.3vw, 2rem); /* @kind other */
  --fs-h4:      clamp(1.15rem, 0.95rem + 0.7vw, 1.45rem); /* @kind other */

  /* ---- Body + UI --------------------------------------------- */
  --fs-lead:    clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem); /* @kind other */
  --fs-body:    1.0625rem;   /* 17px default body @kind other     */
  --fs-sm:      0.9375rem;   /* 15px @kind other                  */
  --fs-xs:      0.8125rem;   /* 13px @kind other                  */

  /* ---- Eyebrow / label (uppercase, tracked) ------------------ */
  --fs-eyebrow: 0.75rem;     /* 12px @kind other                  */
  --fs-stat:    clamp(2.6rem, 1.6rem + 3.4vw, 4.25rem); /* @kind other */

  /* ---- Line heights ------------------------------------------ */
  --lh-tight:  1.04; /* @kind other */
  --lh-snug:   1.18; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-loose:  1.65; /* @kind other */

  /* ---- Letter spacing ---------------------------------------- */
  --ls-display:  -0.022em;  /* tight, optical on large sizes @kind other */
  --ls-heading:  -0.015em; /* @kind other */
  --ls-body:      0em; /* @kind other */
  --ls-eyebrow:   0.22em;   /* wide tracking on uppercase labels @kind other */
  --ls-ticker:    0.16em; /* @kind other */
}

/* ---- Optional helper classes (components can use vars directly) */
.sig-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-eyebrow);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-secondary);
}
.sig-display {
  font-family: var(--font-sans);
  font-size: var(--fs-display);
  font-weight: var(--fw-regular);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-display);
}
.sig-emphasis { font-style: italic; }