/* ==========================================================================
   Kaleidoscope Systems — Typography tokens
   --------------------------------------------------------------------------
   Spectral (serif) for display & editorial headings — the "publication" voice.
   Atkinson Hyperlegible (sans) for everything functional — the accessible,
   human, calm reading voice. Spline Sans Mono for eyebrows/metadata/code.
   Type scale is generous with a touch over a major-third ratio; line-heights
   run long for low cognitive load.
   ========================================================================== */

:root {
  /* --- Families ----------------------------------------------------------- */
  --font-serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-sans:  'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'Spline Sans Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* --- Display & heading scale (Spectral) --------------------------------- */
  --text-display:    3.5rem;   /* 56px — hero */
  --text-h1:         2.5rem;   /* 40px */
  --text-h2:         2rem;     /* 32px */
  --text-h3:         1.5rem;   /* 24px */
  --text-h4:         1.25rem;  /* 20px */

  /* --- Body & UI scale (Atkinson Hyperlegible) ---------------------------- */
  --text-lead:       1.25rem;  /* 20px — intro paragraphs */
  --text-body-lg:    1.125rem; /* 18px — default reading size */
  --text-body-md:    1rem;     /* 16px — UI base */
  --text-body-sm:    0.875rem; /* 14px */
  --text-caption:    0.8125rem;/* 13px */

  /* --- Eyebrow / overline (mono) ------------------------------------------ */
  --text-eyebrow:    0.75rem;  /* 12px, uppercase, tracked */

  /* --- Line heights ------------------------------------------------------- */
  --leading-tight:   1.12;   /* display headings */
  --leading-snug:    1.28;   /* sub-headings */
  --leading-normal:  1.5;    /* UI text */
  --leading-relaxed: 1.7;    /* long-form reading */

  /* --- Letter spacing ----------------------------------------------------- */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-eyebrow: 0.14em;  /* uppercase mono labels */
}