/* ============================================================
   Forward Business — Typography scale
   Display: Jost (geometric humanist, light tracking).
   Body:    Mulish. Accents: Kaushan Script. Mono/AI: Share Tech Mono.
   Headings on the brand site run light/medium weight with airy
   letter-spacing; small labels are UPPERCASE + wide tracking.
   ============================================================ */

:root {
  /* Font families (re-exposed from fonts.css for convenience) */
  --font-display: 'Brandon Grotesque', 'Jost', 'Century Gothic', system-ui, sans-serif;
  --font-body: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-script: 'Kaushan Script', 'Segoe Script', cursive;
  --font-mono: 'Share Tech Mono', ui-monospace, monospace;

  /* ---- Type scale (px) ---- */
  --fs-display:   64px;   /* hero */
  --fs-h1:        44px;
  --fs-h2:        34px;
  --fs-h3:        26px;
  --fs-h4:        20px;
  --fs-lead:      19px;   /* intro paragraphs */
  --fs-body:      16px;
  --fs-sm:        14px;
  --fs-label:     12px;   /* uppercase eyebrows */

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

  /* ---- Line heights ---- */
  --lh-tight:     1.1;      /* @kind other */
  --lh-snug:      1.25;     /* @kind other */
  --lh-body:      1.65;     /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:     -0.01em;  /* @kind other */
  --ls-normal:    0;        /* @kind other */
  --ls-wide:      0.08em;   /* @kind other */
  --ls-eyebrow:   0.22em;   /* @kind other */

  /* ---- Semantic roles (font shorthand) ---- */
  --text-display:  var(--fw-medium) var(--fs-display)/var(--lh-tight) var(--font-display);   /* @kind font */
  --text-h1:       var(--fw-medium) var(--fs-h1)/var(--lh-snug) var(--font-display);          /* @kind font */
  --text-h2:       var(--fw-medium) var(--fs-h2)/var(--lh-snug) var(--font-display);          /* @kind font */
  --text-h3:       var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-display);          /* @kind font */
  --text-body-role: var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);         /* @kind font */
}