/* ============================================================
   The Trouble Markers — Type tokens
   Display: Schoolbell — the brand's own hand-drawn marker font. The voice
   of the show's titles and the markers' big feelings.
   Body: Nunito — warm, round, highly legible for tired parents.
   ============================================================ */

:root {
  --font-display: "Schoolbell", "Comic Sans MS", "Trebuchet MS", cursive;
  --font-body: "Nunito", system-ui, -apple-system, sans-serif;

  /* ---- Weights ------------------------------------------ */
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --weight-black: 800;

  /* ---- Display scale (Schoolbell) — for titles & headings - */
  --text-hero: 64px;     /* line-height 1.05 */
  --text-display: 48px;
  --text-title: 36px;
  --text-heading: 28px;
  --text-subhead: 22px;

  /* ---- Body scale (Nunito) ------------------------------ */
  --text-lead: 20px;     /* intro paragraphs */
  --text-base: 17px;     /* default body */
  --text-small: 15px;
  --text-tiny: 13px;     /* captions, labels */

  /* ---- Line heights ------------------------------------- */
  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-normal: 1.55;

  /* ---- Letter spacing ----------------------------------- */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;   /* small-caps labels */
}