/* ============================================================
   spacing.css — mirrors library/lib/src/theme/spacing.dart
   ============================================================
   4px base unit, Tailwind-aligned semantic steps. Use only
   these values for margin/padding/gap so rhythm stays
   consistent — no one-off sizes (13, 22, 20). --space-0 is
   the sole sub-unit token; default to --space-1+.
   ============================================================ */

:root {
  --space-0:    2px;   /* s0  — hairline / optical only */
  --space-1:    4px;   /* s1  — 0.25rem (base unit) */
  --space-2:    8px;   /* s2  — 0.5rem */
  --space-3:   12px;   /* s3  — 0.75rem */
  --space-4:   16px;   /* s4  — 1rem */
  --space-6:   24px;   /* s6  — 1.5rem */
  --space-8:   32px;   /* s8  — 2rem */
  --space-12:  48px;   /* s12 — 3rem */
  --space-16:  64px;   /* s16 — 4rem */
  --space-24:  96px;   /* s24 — 6rem */
  --space-36: 144px;   /* s36 — 9rem */
}