:root{
/* 4px base, with a 6px half-step for tight inline gaps */
--space-0:0px;
--space-1:4px;
--space-2:6px;
--space-3:8px;
--space-4:12px;
--space-5:16px;
--space-6:20px;
--space-7:24px;
--space-8:32px;
--space-9:40px;
--space-10:56px;
--space-11:72px;
--space-12:96px;
--space-13:128px;

/* section rhythm — storefront sections are tall and airy */
--section-y:96px;
--section-y-lg:128px;
--section-y-sm:56px;
--gutter:24px;
--gutter-lg:48px;
}