:root {
  /* Spacing scale (4px base unit) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  
  /* Common padding/margin patterns */
  --padding-compact: var(--space-md);
  --padding-normal: var(--space-lg);
  --padding-spacious: var(--space-2xl);
  
  /* Gap for flex/grid */
  --gap-tight: var(--space-sm);
  --gap-normal: var(--space-md);
  --gap-relaxed: var(--space-lg);
}