:root{
--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;
/* Layout */
--container-max:1200px;--container-pad:clamp(20px,5vw,64px);--section-pad-y:clamp(80px,10vw,128px);--header-height:72px;--gutter:var(--space-5);
/* Control sizes */
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:56px;--control-pad-x:28px;
/* Diagonal cut — the brand slash */
--slash-angle:62deg;/* @kind other */--slash-clip-hero:polygon(0 0,52% 0,30% 100%,0 100%);/* @kind other */--slash-clip-tl:polygon(0 0,100% 0,0 100%);/* @kind other */--slash-clip-br:polygon(100% 0,100% 100%,0 100%);/* @kind other */
}