/* ============================================================
   CUSTOM · TYPOGRAPHY TOKENS
   Montserrat across the board (brand font). Verdana for slide decks.
   ============================================================ */
:root {
  /* Families */
  --font-sans:  'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-deck:  'Verdana', 'Montserrat', system-ui, sans-serif; /* presentations */
  --font-mono:  ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale (px) — mobile-app + web UI grounded */
  --fs-display:  40px;  /* hero / title-slide */
  --fs-h1:       30px;
  --fs-h2:       24px;
  --fs-h3:       20px;
  --fs-title:    17px;  /* card titles, app-bar */
  --fs-body:     15px;
  --fs-sm:       13px;
  --fs-xs:       11px;  /* pill / caption / label */

  /* Line heights */
  --lh-tight:  1.15; /* @kind other */
  --lh-snug:   1.3; /* @kind other */
  --lh-normal: 1.5; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em; /* @kind other */
  --ls-caps:   0.08em;  /* @kind other */
}