/* ── Or LeIsrael · Spacing tokens ───────────────────────
   8-pt grid. All layout spacing composes from these steps.
   Use --space-2 (8px) as the base rhythm unit.
──────────────────────────────────────────────────────── */

:root {
  --space-0:   0;
  --space-1:   4px;   /* half-step — icon gaps, hairline insets */
  --space-2:   8px;   /* base unit */
  --space-3:   12px;  /* tight card padding, chip gaps */
  --space-4:   16px;  /* default gap between related items */
  --space-5:   20px;  /* card inner padding */
  --space-6:   24px;  /* card padding, group spacing */
  --space-8:   32px;  /* section inner gaps */
  --space-10:  40px;  /* page gutters (desktop) */
  --space-12:  48px;  /* between major blocks */
  --space-13:  52px;  /* standard vertical section padding */
  --space-16:  64px;  /* generous hero padding */

  /* ── Semantic aliases ── */
  --gutter-page:      var(--space-10);  /* 40px — horizontal page padding */
  --gutter-page-sm:   var(--space-5);   /* 20px — mobile page padding */
  --section-y:        var(--space-13);  /* 52px — section top/bottom */
  --card-pad:         var(--space-6);   /* 24px */
  --card-pad-sm:      var(--space-5);   /* 20px */
  --stack-gap:        var(--space-4);   /* 16px — default vertical gap */
  --inline-gap:       var(--space-2);   /* 8px — default inline gap */
  --content-max:      1100px;           /* max content width */
  --content-narrow:   780px;            /* narrow reading column */
}