:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:100px;
--pad:clamp(20px,3vw,48px);--content:1440px;--content-app:1530px;--section-y:clamp(88px,9vw,150px); /* @kind spacing */
--section-gap:clamp(40px,5vw,72px); /* @kind spacing */
--header-h:84px;--topbar-h:78px;--rail-w:248px;--side-w:262px;
--radius-xs:5px;--radius-sm:7px;--radius-md:11px;--radius-lg:16px;--radius-xl:18px;--radius-2xl:20px;--radius-pill:999px;
--control-h:48px;--control-h-sm:36px;--control-h-lg:52px;--icon-circle:36px;--tap-min:44px;--bp-mobile:720px; /* @kind other */
--shadow-card:0 14px 34px var(--alpha-blue-12);--shadow-float:0 24px 45px rgba(15,17,24,.1);--shadow-overlay:0 40px 110px var(--alpha-ink-16);--shadow-toast:0 8px 30px #0002;
--shadow-lime-lift:0 9px 0 var(--alpha-lime-24);--shadow-lime-hover:0 13px 0 var(--alpha-lime-24);
--ease:cubic-bezier(.22,.8,.22,1); /* @kind other */
--duration-fast:.2s; /* @kind other */
--duration-medium:.35s; /* @kind other */
--duration-slow:.5s; /* @kind other */
--duration-panel:.45s; /* @kind other */
--focus-outline:3px solid var(--focus-ring);--focus-offset:4px;
}