:root{
/* 2px-true scale. Values are literal: use the step, do not interpolate. */
--space-0:0px;
--space-2:2px;
--space-4:4px;
--space-6:6px;
--space-8:8px;
--space-12:12px;
--space-16:16px;
--space-20:20px;
--space-24:24px;
--space-32:32px;
--space-40:40px;
--space-56:56px;
--space-72:72px;
--space-96:96px;
--space-128:128px;
--space-160:160px;

/* Layout */
--gutter-page:24px;
--gutter-page-lg:64px;
--max-content:1240px;
--max-prose:640px;
--max-narrow:480px;
--section-y:96px;
--section-y-lg:128px;
--grid-columns:12; /* @kind other */
--grid-gap:24px;
--control-height-sm:32px;
--control-height-md:40px;
--control-height-lg:52px;
--header-height:64px;
}