:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;

--gutter:24px;
--page-max:1200px;
--page-pad:32px;
--page-pad-mobile:20px;
--section-y:96px;
--section-y-mobile:56px;

/* logo breathing room = one icon module (brand book rule) */
--logo-module:24px;
--logo-clearspace:var(--logo-module);

/* technical grid pitch used by backdrops */
--grid-pitch:48px;
}