:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:40px;
--space-8:56px;
--space-9:64px;
--space-10:80px;
--space-11:120px;
--space-12:160px;

/* rhythm rules from the spec — use these, not raw values */
--space-section:120px;
--space-section-mobile:64px;
--space-headline-body:24px;
--space-body-cta:40px;
--space-stack:16px;
--space-card-padding:40px;
}
@media (max-width:720px){:root{--space-section:var(--space-section-mobile);--space-card-padding:24px}}