/* ============================================================
   Hili — Typography tokens
   SimplerPro only (Hebrew-first). No Lay Grotesk, no fallbacks.
   Two styles, four supplied weights:
     • SimplerPro (proportional) — Light 300  → display, headings, body
     • SimplerPro Mono — Regular 400 / Medium 500 / Bold 700
       → the functional "data" voice: labels, buttons, figures, metadata
   Brand rule: build hierarchy through size & colour, not just weight.
   Scale follows the guidelines' x-multiplier system (base 1x = 1rem).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "SimplerPro", system-ui, sans-serif; /* proportional, Light 300 */
  --font-body: "SimplerPro", system-ui, sans-serif;    /* proportional, Light 300 */
  --font-mono: "SimplerPro Mono", ui-monospace, "SFMono-Regular", monospace; /* 400/500/700 */

  /* ---- Weights ---- */
  --fw-light: 300;   /* @kind font */ /* SimplerPro proportional */
  --fw-regular: 400; /* @kind font */ /* SimplerPro Mono Regular */
  --fw-medium: 500;  /* @kind font */ /* SimplerPro Mono Medium */
  --fw-bold: 700;    /* @kind font */ /* SimplerPro Mono Bold */

  /* ---- Type scale (x-multipliers from the brand spec) ----
     LEGIBILITY FLOOR (audience = women 40–60): body ≥ 18px,
     secondary ≥ 16px, labels/eyebrows ≥ 14px. Never go smaller. */
  --fs-display: 4rem;     /* 64px — Large header   (4x)     */
  --fs-h1: 3rem;          /* 48px — Medium header  (3x)     */
  --fs-h2: 1.625rem;      /* 26px — Small header            */
  --fs-h3: 1.25rem;       /* 20px — XS header               */
  --fs-lead: 1.75rem;     /* 28px — Paragraph L    (1.75x)  */
  --fs-body: 1.125rem;    /* 18px — Paragraph M  (base/floor)*/
  --fs-small: 1rem;       /* 16px — secondary text (floor)  */
  --fs-eyebrow: 0.875rem; /* 14px — mono labels / tags (floor)*/

  /* ---- Line heights ---- */
  --lh-tight: 1.1;   /* @kind font */ /* large + medium headers */
  --lh-snug: 1.2;    /* @kind font */ /* small + xs headers     */
  --lh-relaxed: 1.35;/* @kind font */ /* all paragraph text     */

  /* ---- Letter spacing ---- */
  --ls-header: -0.02em; /* @kind font */ /* -2% on headers */
  --ls-body: -0.01em;   /* @kind font */ /* -1% on body */
  --ls-mono: 0.04em;    /* @kind font */ /* +4% on mono labels */
}