:root{
  /* Radius. DS roles: controls 12, cards 20, panels 24, features 32 */
  --radius:12px;
  --radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;
  --radius-control:12px;--radius-card:20px;--radius-panel:24px;--radius-feature:32px;--radius-pill:9999px;

  /* Elevation — steel-tinted and quiet: hairline first, shadow only when something floats */
  --shadow-xs:0 1px 2px rgba(28,51,80,0.06);
  --shadow-sm:0 2px 8px rgba(28,51,80,0.07);
  --shadow-md:0 8px 24px rgba(28,51,80,0.09);
  --shadow-lg:0 24px 64px rgba(28,51,80,0.14);
  --shadow-card-hover:0 18px 44px -16px rgba(28,51,80,0.28);
  --glow-soft:0 0 48px rgba(104,186,217,0.18);
  --glow-accent:0 0 0 1px rgba(104,186,217,0.40),0 8px 32px rgba(66,110,140,0.16);
  --ring-focus:0 0 0 3px rgba(104,186,217,0.22);
  --blur-glass:18px;

  /* Spacing (Tailwind 4px base as used in source) */
  --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-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;

  /* Layout */
  --shell-max:1240px;--shell-max-xl:1440px;--gutter:24px;--nav-h:73px;--rail-w:78px;--sidebar-w:256px;

  /* Motion */
  --ease-standard:cubic-bezier(0.2,0,0,1);/* @kind other */--ease-out:cubic-bezier(0.16,1,0.3,1);/* @kind other */--ease-in:cubic-bezier(0.7,0,0.84,0);/* @kind other */
  --duration-instant:80ms;/* @kind other */--duration-fast:140ms;/* @kind other */--duration-normal:220ms;/* @kind other */--duration-slow:400ms;/* @kind other */
  --press-scale:0.985;/* @kind other */

  /* Control heights */
  --control-xs:28px;--control-sm:28px;--control-md:36px;--control-lg:44px;--control-xl:56px;
}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;/* @kind other */--duration-normal:0ms;/* @kind other */--duration-slow:0ms;/* @kind other */--press-scale:1;/* @kind other */}}