/* Spacing — 4px base grid. Section rhythm steps up per breakpoint (see bottom). */
:root{
--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
--space-section-y:3.5rem;--space-section-y-tight:2.5rem;
--space-stack-tight:var(--space-2);--space-stack:var(--space-4);--space-stack-loose:var(--space-6);
--space-inline-tight:var(--space-2);--space-inline:var(--space-3);--space-inline-loose:var(--space-6);
--space-card-padding:var(--space-6);--space-card-padding-lg:var(--space-8);
--space-field-x:var(--space-4);--space-field-y:var(--space-3);
--space-button-x:var(--space-6);--space-button-y:var(--space-3)
}
@media(min-width:768px){:root{--space-section-y:4.5rem;--space-section-y-tight:3rem}}
@media(min-width:1024px){:root{--space-section-y:6rem;--space-section-y-tight:4rem;--space-card-padding:var(--space-8)}}