/* ==========================================================================
   Offensive Zone — Typography Tokens
   Display: Saira (geometric grotesque, heavy). UI: IBM Plex Sans.
   Mono: IBM Plex Mono (code / terminal / data). Caps + wide tracking is the
   signature label treatment (see the wordmark tagline).
   ========================================================================== */

:root {
  /* ---- Families --------------------------------------------------------- */
  --font-display: 'Saira', 'Arial Narrow', sans-serif;
  --font-sans:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Weights ---------------------------------------------------------- */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* ---- Type scale (px) — 1.25 major-third-ish, tightened at top --------- */
  --fs-display-2xl: 88px;  /* hero / cover title         */
  --fs-display-xl:  64px;  /* big statement              */
  --fs-display-lg:  48px;  /* section title              */
  --fs-h1:          38px;
  --fs-h2:          30px;
  --fs-h3:          24px;
  --fs-h4:          20px;
  --fs-body-lg:     18px;
  --fs-body:        16px;
  --fs-body-sm:     14px;
  --fs-caption:     13px;
  --fs-overline:    12px;  /* uppercase label / eyebrow  */

  /* ---- Line heights ----------------------------------------------------- */
  --lh-tight:   1.04;   /* @kind font */
  --lh-snug:    1.16;   /* @kind font */
  --lh-normal:  1.5;    /* @kind font */
  --lh-relaxed: 1.65;   /* @kind font */

  /* ---- Letter spacing --------------------------------------------------- */
  --tracking-tight:   -0.02em;  /* @kind font */
  --tracking-normal:   0em;     /* @kind font */
  --tracking-wide:     0.08em;  /* @kind font */
  --tracking-overline: 0.18em;  /* @kind font */

  /* ---- Semantic roles --------------------------------------------------- */
  --text-display-font: var(--font-display);
  --text-display-weight: var(--fw-extrabold);
  --text-heading-weight: var(--fw-bold);
  --text-overline-transform: uppercase;
}