/* ============================================================
   TYPOGRAPHY — Cross-Functional Product Process
   "Arial everywhere for portability." Mono is Consolas.
   Sizes mirror output-formats.md (pt) mapped to px for screen.
   Both Arial and Consolas are system fonts — no webfonts shipped.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-sans: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;
  --font-mono: Consolas, "SFMono-Regular", Menlo, monospace;
  --font-display: var(--font-sans); /* the brand uses one family for everything */
  --font-body:    var(--font-sans);

  /* ---- Type scale (px ≈ source pt × 1.333) ----
     Named after the role each size plays in the document/deck system. */
  --fs-cover:     53px; /* 40pt — cover title, white on Midnight Plum */
  --fs-numeral:   48px; /* 36pt+ — oversized section numeral motif */
  --fs-display:   35px; /* 26pt — section-opener titles */
  --fs-h1:        24px; /* 18pt — Heading 1, Royal Violet */
  --fs-title:     30px; /* 22-30pt — slide titles */
  --fs-h2:        17px; /* 13pt — Heading 2, Ink */
  --fs-stat:      40px; /* stat-band headline number */
  --fs-lead:      20px; /* deck subtitle / lead paragraph */
  --fs-body:      14px; /* 10.5pt — body text */
  --fs-body-lg:   16px; /* slide body */
  --fs-eyebrow:   13px; /* 10pt — all-caps eyebrow label */
  --fs-caption:   12px; /* 9pt — captions, metadata, footers */
  --fs-code:      13px; /* monospace blocks */

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.1;  /* @kind other */
  --lh-heading: 1.2;  /* @kind other */
  --lh-body:    1.45; /* @kind other */
  --lh-snug:    1.3;  /* @kind other */

  /* ---- Tracking ---- */
  --ls-eyebrow: 0.08em; /* "letter-spaced feel" on all-caps eyebrows */
  --ls-caps:    0.06em;
  --ls-normal:  0; /* @kind other */
}
