/* ============================================================
   BlackPrint — Typography tokens
   Typeface: Work Sans. EVERY style carries -2% (-0.02em) tracking.
   The type scale is tight and information-dense — built to "fully
   utilize the screen" and snap to a 12px baseline grid.
   ============================================================ */

:root {
  /* Families */
  --font-sans: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Bai Jamjuree", "Work Sans", sans-serif;

  /* Weights (Work Sans) */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* The signature: all styles use -2% tracking */
  --tracking-tight: -0.02em;
  --tracking-display: -0.03em;   /* large marketing headlines */

  /* ---- Type scale (px) — the canonical 7 steps -------------
     H1 32 · H2 18 · H3 14 · H4 12 · Paragraph 12 · Small 10 */
  --text-h1: 32px;
  --text-h2: 18px;
  --text-h3: 14px;
  --text-h4: 12px;
  --text-p:  12px;
  --text-sm: 10px;

  /* Line heights (snap to a 12px baseline grid) */
  --lh-h1: 40px;
  --lh-h2: 24px;
  --lh-h3: 16px;
  --lh-h4: 16px;
  --lh-p:  16px;
  --lh-sm: 12px;

  /* ---- Marketing / hero display steps ----------------------
     For decks, one-pagers, social. Scale full size then shrink
     proportionally (.75x, .5x). */
  --text-display-1: 96px;
  --text-display-2: 64px;
  --text-display-3: 48px;
  --lh-display: 1.05; /* @kind other */

  /* ---- Semantic roles ------------------------------------- */
  --type-title-weight: var(--weight-medium);   /* H1–H4 are Medium */
  --type-body-weight:  var(--weight-regular);
  --type-strong-weight: var(--weight-semibold);
}