/* Strict 4px base. The scale is 4 - 8 - 16 - 24 - 40 - 64 - 96 - 144 and nothing sits off it. */
:root{
--space-base:4px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;
--gutter:24px;--page-margin:32px;--grid-columns:12; /* @kind other */--content-max:1120px;--measure:39rem;
--bp-xs:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1440px;--bp-2xl:1600px;
--band-padding-block:var(--space-3xl);--section-gap:var(--space-3xl);--block-gap:var(--space-xl);--row-padding:var(--space-sm)
}