:root{
/* 8px base scale */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--content-max:1280px;
--gutter-desktop:32px;--gutter-mobile:20px;
--section-desktop:96px;--section-mobile:64px;
--card-pad:24px;--card-pad-lg:32px;
/* Breakpoints (reference): 1280+ desktop · <1100 tablet-landscape · 768–960 tablet · <768 mobile · <560 small mobile */
}