/* =====================================================================
   Allium — Spacing
   A strict 5-step scale. Nothing exceeds xl. (base unit = 4px)
   ===================================================================== */

:root {
	--spacing: 0.25rem; /* 4px base unit */
	--spacing-xs: 0.25rem; /* 4px  — icon-to-text gap, tight chip padding */
	--spacing-sm: 0.5rem; /* 8px  — inside components (rows, button padding) */
	--spacing-md: 1rem; /* 16px — between components in a group */
	--spacing-lg: 2rem; /* 32px — between page sections */
	--spacing-xl: 4rem; /* 64px — hero / landing rhythm only */
}