/* BROCHIER — spacing & layout. 4px base grid, generous vertical rhythm. */
:root{
--space-0:0;--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;--space-24:96px;--space-32:128px;

--container-max:1280px;--container-narrow:760px;--container-wide:1560px;
--gutter-mobile:20px;--gutter-desktop:40px;
--section-y:var(--space-24);--section-y-tight:var(--space-16);
--grid-gap:var(--space-6);
--stack-gap:var(--space-4);
--inline-gap:var(--space-3);
--control-height-sm:32px;--control-height-md:44px;--control-height-lg:54px;
--control-pad-x-sm:var(--space-3);--control-pad-x-md:var(--space-6);--control-pad-x-lg:var(--space-8);
--card-pad:var(--space-6);
}