:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:32px;
--space-8:40px;
--space-9:56px;
--space-10:72px;
--space-11:96px;
--space-12:128px;

/* Layout */
--gutter:var(--space-6);
--section-y:clamp(72px,9vw,128px); /* @kind spacing */
--section-y-tight:clamp(48px,6vw,80px); /* @kind spacing */
--measure-narrow:34ch; /* @kind spacing */
--measure:62ch; /* @kind spacing */
--measure-wide:76ch; /* @kind spacing */
--container:1180px; /* @kind spacing */
--container-tight:880px; /* @kind spacing */
--container-wide:1440px; /* @kind spacing */

/* Component paddings */
--pad-card:var(--space-7);
--pad-card-lg:var(--space-8);
--pad-control-y:12px;
--pad-control-x:22px;
--pad-control-y-sm:8px;
--pad-control-x-sm:16px;
--pad-control-y-lg:17px;
--pad-control-x-lg:32px;
}