/* ============================================================
   SPACING — Inventory System
   Base unit 4px. A few 5/7px values appear inside icon padding.
   ============================================================ */
:root {
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;

  /* Semantic aliases */
  --gutter-section: var(--space-3xl);   /* hero/content band gutters */
  --pad-card: var(--space-lg);          /* story-card interior padding */
  --gap-inline: var(--space-md);        /* button/chip row gaps */
  --gap-tight: var(--space-sm);         /* headline↔copy inside cards */
}