: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;

--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;

--shadow-card:0 1px 2px rgba(16,40,60,.04),0 8px 24px rgba(16,40,60,.06);
--shadow-hero:0 12px 32px rgba(14,124,134,.25);
--shadow-pop:0 4px 12px rgba(16,40,60,.08),0 20px 40px rgba(16,40,60,.12);
--shadow-btn-primary:0 6px 16px rgba(37,99,235,.28);

--sidebar-w:280px;--topbar-h:72px;--content-max:1280px;--grid-cols:12; /* @kind other */--grid-gap:24px;
--tabbar-h:64px;--tap-min:44px;
--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);

--ease-out:cubic-bezier(.2,.8,.2,1); /* @kind other */--dur-fast:120ms; /* @kind other */--dur:200ms; /* @kind other */--dur-slow:320ms; /* @kind other */
}
[data-theme="dark"]{
--shadow-card:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.28);
--shadow-hero:0 12px 32px rgba(0,0,0,.4);
--shadow-pop:0 4px 12px rgba(0,0,0,.35),0 20px 40px rgba(0,0,0,.45);
}