:root{
/* 4px base. The system leans on the large end of the scale: generous margins,
   heavy whitespace, restraint over accumulation. */
--space-0:0;
--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:72px;
--space-10:96px;
--space-11:128px;
--space-12:176px;

/* Layout */
--page-margin:clamp(24px,6vw,112px);
--gutter:32px;
--section-gap:var(--space-11);
--section-gap-tight:var(--space-9);
--content-max:1240px;
--content-max-narrow:820px;

/* Component padding */
--pad-control-y:14px;
--pad-control-x:28px;
--pad-control-y-sm:9px;
--pad-control-x-sm:18px;
--pad-card:var(--space-6);
--pad-card-lg:var(--space-8);
}