/* ── Or LeIsrael · Typography tokens ────────────────────
   Two families:
     Bona Nova            → serif display / headings (400, 700, italic)
     IBM Plex Sans Hebrew → sans UI / body (300, 400, 600) · Latin + Hebrew
   Scale source: OrLeIsrael_Color_Guide_v1 (§10).
   NOTE: brand caption/nav tokens are intentionally < 14px (badges,
   nav, metadata) as defined by the guide; body & lead honor the
   project's 14px floor.
──────────────────────────────────────────────────────── */

:root {
  /* ── Families ── */
  --font-display: 'Bona Nova', Georgia, 'Times New Roman', serif;
  --font-sans:    'IBM Plex Sans Hebrew', system-ui, -apple-system, sans-serif;
  /* aliases matching the original site vocabulary */
  --serif: var(--font-display);
  --sans:  var(--font-sans);

  /* ── Weights ── */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* ── Type scale (px) ── */
  --fs-display:  34px;  /* H1 hero — Bona Nova Bold, range 28–36 */
  --fs-h1:       28px;  /* page titles */
  --fs-h2:       24px;  /* section titles — Bona Nova Bold, range 20–24 */
  --fs-h3:       17px;  /* card titles — Bona Nova Bold, teal, range 14–16 */
  --fs-lead:     16px;  /* hero intro — IBM Plex Light */
  --fs-body:     15px;  /* body copy — IBM Plex Regular, range 14–16 */
  --fs-body-sm:  14px;  /* dense body / secondary */
  --fs-ui:       13px;  /* nav, buttons, form labels — IBM Plex SemiBold */
  --fs-caption:  11px;  /* badges, dates, metadata — uppercase, tracked */

  /* ── Line heights ── */
  --lh-tight:    1.15;  /* @kind font */
  --lh-heading:  1.2;   /* @kind font */
  --lh-body:     1.7;   /* @kind font */
  --lh-snug:     1.5;   /* @kind font */

  /* ── Letter spacing ── */
  --ls-display:  0;      /* @kind font */
  --ls-ui:       0.2px;
  --ls-eyebrow:  2.5px;  /* uppercase eyebrows */
  --ls-caption:  0.5px;  /* uppercase captions/badges (~+5%) */
}