/* ===========================================================================
   Starfall Academy — Typography tokens
   Display & headers: Spectral Bold, ALL CAPS, generously letterspaced.
   Body copy: Spectral regular (a true reading serif).
   UI / labels: Jost — a geometric sans with Art-Deco bones.
   Code / data: JetBrains Mono.
   =========================================================================== */

:root {
  /* ---- Families -------------------------------------------------------- */
  --font-display: "Spectral", "Iowan Old Style", Georgia, serif;
  --font-serif:   "Spectral", "Iowan Old Style", Georgia, serif;
  --font-sans:    "Jost", "Century Gothic", "Futura", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;

  /* ---- Weights --------------------------------------------------------- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  /* ---- Type scale (1.250 major-third, 16px root) ----------------------- */
  --text-2xs: 0.6875rem;  /* 11px — micro labels            */
  --text-xs:  0.75rem;    /* 12px — captions, meta          */
  --text-sm:  0.875rem;   /* 14px — secondary UI            */
  --text-md:  1rem;       /* 16px — body base               */
  --text-lg:  1.1875rem;  /* 19px — lead body               */
  --text-xl:  1.5rem;     /* 24px — h4 / card titles        */
  --text-2xl: 1.9375rem;  /* 31px — h3                      */
  --text-3xl: 2.4375rem;  /* 39px — h2                      */
  --text-4xl: 3.0625rem;  /* 49px — h1                      */
  --text-5xl: 3.8125rem;  /* 61px — display                 */
  --text-6xl: 4.75rem;    /* 76px — hero display            */

  /* ---- Line heights ---------------------------------------------------- */
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing -------------------------------------------------- */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.06em;
  --tracking-wider:   0.14em;   /* header caps                 */
  --tracking-widest:  0.26em;   /* eyebrows / overlines        */
}