:root{
/* 4px base, with a 6px step for the tight editorial inset used on chips + inputs */
--space-0:0;
--space-1:.25rem;   /* 4 */
--space-2:.375rem;  /* 6 */
--space-3:.5rem;    /* 8 */
--space-4:.75rem;   /* 12 */
--space-5:1rem;     /* 16 */
--space-6:1.25rem;  /* 20 */
--space-7:1.5rem;   /* 24 */
--space-8:2rem;     /* 32 */
--space-9:2.5rem;   /* 40 */
--space-10:3.5rem;  /* 56 */
--space-11:5rem;    /* 80 */
--space-12:7.5rem;  /* 120 */

/* layout */
--gutter:var(--space-7);
--page-margin:clamp(1.25rem,5vw,4.5rem);
--container-max:76.5rem;   /* 1224 */
--container-prose:41rem;   /* 656 */
--section-y:clamp(3.5rem,9vw,7.5rem); /* @kind spacing */
--rule-inset:var(--space-8);

/* control metrics */
--control-h-sm:2rem;      /* 32 */
--control-h-md:2.625rem;  /* 42 */
--control-h-lg:3.125rem;  /* 50 */
--control-pad-x-sm:var(--space-4);
--control-pad-x-md:var(--space-6);
--control-pad-x-lg:var(--space-8);
--field-pad-x:var(--space-4);
--card-pad:var(--space-7);
--card-pad-lg:var(--space-8);
}