:root{
/* 4px base, with a 6px step because the brand's card padding lands on 18/30. */
--space-0:0;
--space-1:2px;
--space-2:4px;
--space-3:6px;
--space-4:8px;
--space-5:12px;
--space-6:16px;
--space-7:18px;
--space-8:24px;
--space-9:30px;
--space-10:40px;
--space-11:56px;
--space-12:72px;
--space-13:96px;
--space-14:128px;
--space-15:168px;

/* Section rhythm — generous. Whitespace is how the brand signals calm. */
--section-y-sm:var(--space-12);
--section-y:var(--space-13);
--section-y-lg:var(--space-15);

/* Measures */
--measure-narrow:46ch; /* @kind other */
--measure-body:62ch; /* @kind other */
--measure-wide:78ch; /* @kind other */

/* Containers */
--container-sm:720px;
--container-md:980px;
--container-lg:1180px;
--container-xl:1360px;
--gutter:24px;
--gutter-lg:48px;
}
