:root {
  /* 8px base unit */
  --space-xs: 4px;   /* inline icon gaps */
  --space-sm: 8px;   /* tight component padding */
  --space-md: 16px;  /* default padding */
  --space-lg: 24px;  /* card padding */
  --space-xl: 32px;  /* panel gaps */
  --space-2xl: 48px; /* layout sections */
  --space-3xl: 64px; /* page-level spacing */
}