/* ============================================================
   POUNCE — Typography tokens
   Poppins everywhere. Headlines: Black/Bold with tight leading.
   Body: Regular, generous leading. NEVER italic on brand-guideline
   copy — the production site uses light italic ONLY for the small
   arrow-CTA microcopy ("let's chat →"). Never stretch or squish.
   Fluid scale measured at a 1728px canvas.
   ============================================================ */

:root {
  /* ── Families ─────────────────────────────────────────── */
  --font-sans:    "Poppins", system-ui, -apple-system, sans-serif;
  --font-display: "Anton", "Poppins", Impact, sans-serif;
  --font-alt:     "Inter Tight", "Poppins", system-ui, sans-serif;

  /* ── Weights (double your weights: Black head, Bold sub, Reg body) ── */
  --fw-light:     300; /* @kind font */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* ── Fluid display / body scale ───────────────────────── */
  --text-display-lg: clamp(2.5rem, 6.38vw, 6.875rem);  /* ~110px hero */
  --text-display-xl: clamp(2rem, 4.63vw, 5rem);         /* ~80px watermark */
  --text-display-md: clamp(1.5rem, 2.89vw, 3.125rem);   /* ~50px section */
  --text-display-sm: clamp(1rem, 1.74vw, 1.875rem);     /* ~30px sub / footer */
  --text-body-lg:    clamp(0.9rem, 1.16vw, 1.25rem);    /* ~20px lead / CTA */
  --text-body:       0.9375rem;                         /* 15px body */
  --text-caption:    0.6875rem;                         /* 11px eyebrow label */

  /* ── Line heights ─────────────────────────────────────── */
  --lh-display: 1.09;   /* @kind font */
  --lh-tight:   0.95;   /* @kind font */
  --lh-snug:    1.3;    /* @kind font */
  --lh-body:    1.67;   /* @kind font */

  /* ── Letter spacing ───────────────────────────────────── */
  --ls-display: -0.02em; /* @kind font */
  --ls-tight:   -0.01em; /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-label:   0.25em;  /* uppercase eyebrow labels @kind font */
}