:root{
/* 8px base scale */
--space-1:8px;   /* icon gaps, inline */
--space-2:16px;  /* within components */
--space-3:24px;  /* card padding, grid gaps */
--space-4:32px;  /* component groups */
--space-6:48px;  /* block separation */
--space-12:96px; /* section padding */
--space-16:128px;/* major section breaks */
/* Corner radius */
--radius-input:8px;
--radius-button:12px;
--radius-card:16px;
--radius-pill:999px; /* small tags only */
/* Elevation — always navy-tinted, never black */
--shadow-resting:0 1px 2px rgba(11,42,60,0.06),0 2px 8px rgba(11,42,60,0.06);
--shadow-raised:0 4px 12px rgba(11,42,60,0.1),0 12px 32px rgba(11,42,60,0.12);
}