/* 4px base grid. Every padding, margin and gap is a multiple of 4. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

--pad-card:var(--space-6);
--pad-input:10px 14px;
--pad-button:10px 22px;
--gap-inline:var(--space-3);
--gap-card:var(--space-4);
--section-y:var(--space-20);
--section-y-mobile:var(--space-12);
--content-max:960px;
--prose-max:640px;
}