:root{
/* 8px base */
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:40px;
--space-8:48px;
--space-9:64px;
--space-10:80px;
--space-11:96px;
--space-12:128px;
--section-y:clamp(80px,10vw,144px); /* @kind spacing */

/* Grid */
--container:1280px; /* @kind spacing */
--gutter:clamp(20px,4vw,80px); /* @kind spacing */
--grid-cols:12; /* @kind spacing */
--grid-gap:24px;
--measure:34em; /* @kind spacing */

/* Radii */
--radius-0:0;
--radius-xs:4px;
--radius-sm:6px;
--radius-md:12px;
--radius-lg:16px;
--radius-pill:999px;
--radius-button:6px;
--radius-card:16px;
--radius-image:12px;

/* Lines */
--hairline:1px; /* @kind spacing */
--rule:1px solid var(--border); /* @kind other */
--rule-strong:1px solid var(--border-strong); /* @kind other */

/* Elevation — almost none; flat brand */
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(23,2,0,.06);
--shadow-overlay:0 12px 40px rgba(23,2,0,.14);
--focus-ring:0 0 0 2px var(--background),0 0 0 4px var(--focus);
}