:root{
/* 4px base, doubling rhythm. Sections use the fluid --space-section-* pair. */
--space-0:0;
--space-1:.25rem;  /* 4  */
--space-2:.5rem;   /* 8  */
--space-3:.75rem;  /* 12 */
--space-4:1rem;    /* 16 */
--space-5:1.25rem; /* 20 */
--space-6:1.5rem;  /* 24 */
--space-8:2rem;    /* 32 */
--space-10:2.5rem; /* 40 */
--space-12:3rem;   /* 48 */
--space-16:4rem;   /* 64 */
--space-20:5rem;   /* 80 */
--space-24:6rem;   /* 96 */
--space-32:8rem;   /* 128 */
--space-40:10rem;  /* 160 */

/* fluid section rhythm — generous negative space that collapses gracefully */
--space-section:clamp(4rem,2rem + 7vw,10rem); /* @kind spacing */
--space-section-tight:clamp(2.5rem,1.5rem + 4vw,6rem); /* @kind spacing */
--gutter:clamp(1.25rem,.75rem + 2.5vw,3rem); /* @kind spacing */
}