/* ============================================================
   Spike Academy — Typography tokens
   Montserrat = display/headings · Clear Sans = body/UI
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Clear Sans", "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;

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

  /* ---- Type scale (1.250 major-third-ish, tuned) ---- */
  --fs-display:   3.815rem;  /* 61px — hero */
  --fs-h1:        3.052rem;  /* 49px */
  --fs-h2:        2.441rem;  /* 39px */
  --fs-h3:        1.953rem;  /* 31px */
  --fs-h4:        1.563rem;  /* 25px */
  --fs-h5:        1.25rem;   /* 20px */
  --fs-lead:      1.188rem;  /* 19px — intro paragraph */
  --fs-body:      1rem;      /* 16px */
  --fs-sm:        0.875rem;  /* 14px */
  --fs-xs:        0.75rem;   /* 12px */
  --fs-eyebrow:   0.8125rem; /* 13px — uppercase label */

  /* ---- Line heights ---- */
  --lh-tight:     1.08;     /* @kind other */
  --lh-snug:      1.25;     /* @kind other */
  --lh-normal:    1.5;      /* @kind other */
  --lh-relaxed:   1.65;     /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:     -0.02em;   /* @kind other */
  --ls-normal:    0em;       /* @kind other */
  --ls-eyebrow:   0.14em;    /* @kind other */
  --ls-caps:      0.06em;    /* @kind other */
}