:root{
/* 4px base unit */
--sp-1:4px; /* @kind spacing */
--sp-2:8px; /* @kind spacing */
--sp-3:12px; /* @kind spacing */
--sp-4:16px; /* @kind spacing */
--sp-5:24px; /* @kind spacing */
--sp-6:32px; /* @kind spacing */
--sp-7:40px; /* @kind spacing */
--sp-8:48px; /* @kind spacing */
--sp-9:64px; /* @kind spacing */
--sp-10:80px; /* @kind spacing */
--sp-11:96px; /* @kind spacing */
--sp-12:128px; /* @kind spacing */
--sp-13:160px; /* @kind spacing */
--sp-14:200px; /* @kind spacing */

/* Section rhythm — editorial, not uniform. Three densities. */
--section-tight:clamp(48px,6vw,80px); /* @kind spacing */
--section:clamp(72px,9vw,144px); /* @kind spacing */
--section-loose:clamp(112px,14vw,220px); /* @kind spacing */

/* Stack rhythm inside a section */
--stack-eyebrow:var(--sp-4); /* @kind spacing */
--stack-heading:var(--sp-5); /* @kind spacing */
--stack-block:var(--sp-8); /* @kind spacing */
}