: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;--space-24:96px;--space-30:120px;--space-40:160px;

/* Grid — 12 cols, 24 gutter, 240 margin @1920 */
--grid-cols:12;/* @kind other */--grid-gutter:24px;--grid-margin:240px;--frame:1920px;--content-max:1440px;
--page-pad:clamp(20px,5vw,80px);
--section-y:clamp(80px,10vw,160px);/* @kind spacing */

--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-pill:999px;

--shadow-xs:0 1px 2px rgba(10,11,15,.05);
--shadow-sm:0 1px 2px rgba(10,11,15,.04),0 6px 18px rgba(10,11,15,.05);
--shadow-md:0 2px 4px rgba(10,11,15,.04),0 16px 40px rgba(10,11,15,.08);
--shadow-lg:0 30px 80px rgba(10,11,15,.14);
--shadow-accent:0 8px 24px rgba(23,95,255,.32);
--inset-hairline:inset 0 0 0 1px rgba(10,11,15,.06);

--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--dur-fast:150ms;/* @kind other */--dur-base:250ms;/* @kind other */--dur-slow:450ms;/* @kind other */

--blur-glass:saturate(160%) blur(16px);/* @kind other */
}