/* =============================================================================
   Ela Design System — Spacing Primitives
   -----------------------------------------------------------------------------
   The 4px grid from the Ela Design System's spacing scale. Names match the
   guide and the iOS source (Ela.Spacing.space16 is --space-16 here), so a
   spec that says "space24" maps straight to var(--space-24).

   Only the steps on the 4px grid are here. The iOS scale also carries odd
   one-offs (5, 13, 23, 25, 42, 77…); leave those out on the web so layouts
   stay on 4/8px steps. Rules of thumb from the guide:
     • tight inline gaps (icon + label)   4 or 8
     • card internal padding              16
     • related items (title + subtitle)   8–16
     • section vertical rhythm            24 or 32
   Source: https://www.figma.com/design/h2W5Vaejp6jpCvZV1ga3h4/Ela-Design-System
   ============================================================================= */

:root {
  --space-2:   2px;
  --space-4:   4px;
  --space-8:   8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
}