:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;

--container-max:1280px;
--container-narrow:760px;
--gutter-mobile:var(--space-5);
--gutter-desktop:var(--space-10);
--section-y:var(--space-20);
--card-padding:var(--space-5);
--control-height-sm:32px;
--control-height-md:40px;
--control-height-lg:48px;
--grid-gap:var(--space-6);
}