/* ============================================================
   Tenacious J Carriers — Typography tokens
   Two families only:
     DISPLAY  KeeponTruckin  — headings, button text, big numbers
     BODY     Hanken Grotesk — paragraphs, UI, captions
   Display headings often run UPPERCASE. Body is sentence case.
   ============================================================ */
:root {
  /* ---- Families -------------------------------------------- */
  --font-display: "KeeponTruckin", "Arial Black", sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Weights (body) -------------------------------------- */
  --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 */

  /* ---- Display type scale (KeeponTruckin) ------------------ */
  /* Display is set tight; line-height ~1.1–1.2. */
  --display-hero:   96px;  /* hero "Moving?" */
  --display-1:      64px;  /* page H1 */
  --display-2:      56px;  /* section H2 */
  --display-3:      48px;  /* H3 */
  --display-4:      32px;  /* H4 / subheading-large */
  --display-5:      24px;  /* H6 / eyebrow-display */
  --display-number: 128px; /* the giant step numbers */

  /* ---- Body type scale (Hanken Grotesk) -------------------- */
  --text-2xl:       32px;  /* paragraph-large hero subcopy */
  --text-xl:        18px;
  --text-lg:        16px;  /* base body */
  --text-md:        14px;  /* small body / UI */
  --text-sm:        12px;  /* captions, overlines */

  /* ---- Line heights ---------------------------------------- */
  --lh-display:     1.15; /* @kind other */
  --lh-snug:        1.3;  /* @kind other */
  --lh-body:        1.6;  /* @kind other */
  --lh-tight:       1.2;  /* @kind other */

  /* ---- Letter spacing -------------------------------------- */
  --ls-display:    -0.01em; /* @kind other */
  --ls-overline:    0.08em; /* @kind other */
  --ls-tight:      -0.02em; /* @kind other */
}