/* ============================================================
   Theme — Spacing
   Modeled on Ignite's theme/spacing.ts.

   A small scale for margins, padding, and gaps. Use these in
   shared components; page layouts may still use bespoke values
   where a design calls for it.
   ============================================================ */

:root {
  --space-xxs: 0.25rem; /*  4px */
  --space-xs: 0.5rem; /*  8px */
  --space-sm: 0.75rem; /* 12px */
  --space-md: 1rem; /* 16px */
  --space-lg: 1.5rem; /* 24px */
  --space-xl: 2rem; /* 32px */
  --space-2xl: 3rem; /* 48px */
  --space-3xl: 4rem; /* 64px */
}