/* ===========================================================================
   Zero Deposit — Typography tokens
   Two families:
     Netto Bold      — display face (logo wordmark + big headlines). Bold only.
     Helvetica Neue  — all body, UI and captions; Arimo (Google) is the
                       metric-compatible cross-platform fallback.
   Display uses tight tracking (−0.02em) and tight leading (1.05).
   Captions are 12px, bold, uppercase, +0.14em.
   =========================================================================== */

:root {
  /* ---- Families -------------------------------------------------------- */
  --font-display: "Netto", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Helvetica Neue", "Arimo", Helvetica, Arial, sans-serif;

  /* ---- Font sizes ------------------------------------------------------ */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12px;

  /* ---- Line heights ---------------------------------------------------- */
  --lh-tight: 1.05;   /* @kind other */  /* display */
  --lh-snug: 1.15;    /* @kind other */  /* headings */
  --lh-normal: 1.55;  /* @kind other */  /* body */

  /* ---- Letter spacing -------------------------------------------------- */
  --ls-display: -0.02em;  /* @kind other */
  --ls-tight: -0.02em;    /* @kind other */
  --ls-caption: 0.14em;   /* @kind other */
}