/* ============================================================
   VestaFi — Typography tokens
   Headings: Poppins SemiBold (600), geometric, −0.01em tracking.
   Body / UI: Noto Sans (400 / 600 / 700 for eyebrows).
   Scale (x-height-compensated, body anchored at 16px Noto Sans):
   60 / 48 / 34 / 24 / 19.
   ============================================================ */
:root {
  --font-heading: 'Poppins', 'Noto Sans', system-ui, sans-serif;
  --font-body:    'Noto Sans', system-ui, -apple-system, sans-serif;

  /* Weights */
  --fw-regular:  400; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-heading:  600; /* @kind other */

  /* Font sizes (rem @ 16px base) */
  --fs-display: 3.75rem;   /* 60 — marketing hero */
  --fs-h1:      3rem;      /* 48 */
  --fs-h2:      2.125rem;  /* 34 */
  --fs-h3:      1.5rem;    /* 24 */
  --fs-h4:      1.1875rem; /* 19 */
  --fs-lg:      1.125rem;  /* 18 — lead paragraph */
  --fs-body:    1rem;      /* 16 */
  --fs-sm:      0.875rem;  /* 14 — secondary / UI */
  --fs-xs:      0.75rem;   /* 12 — captions, eyebrows */

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

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