:root{
/* Shadows — dark mode leans on borders; shadows only for floating layers */
--shadow-xs:0 1px 2px rgba(0,0,0,.5);
--shadow-sm:0 0 0 1px rgba(255,255,255,.05),0 1px 3px rgba(0,0,0,.5);
--shadow-md:0 0 0 1px rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.6);
--shadow-lg:0 0 0 1px rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.7);
--shadow-xl:0 0 0 1px rgba(255,255,255,.10),0 24px 64px rgba(0,0,0,.8);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.04);
--shadow-glow-accent:0 0 0 1px var(--accent-border),0 0 24px rgba(98,196,143,.16);
--shadow-glow-streak:0 0 0 1px rgba(233,185,73,.35),0 0 24px rgba(233,185,73,.16);
--focus-ring:0 0 0 2px var(--bg-app),0 0 0 4px var(--border-focus);
/* Blur (only for overlays and sticky bars over scrolling content) */
--blur-sm:blur(6px);/* @kind other */--blur-md:blur(12px);/* @kind other */--blur-lg:blur(24px);/* @kind other */
/* Motion */
--ease-out:cubic-bezier(.2,.8,.2,1);/* @kind other */--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */--ease-spring:cubic-bezier(.34,1.4,.64,1);/* @kind other */
--duration-fast:120ms;/* @kind other */--duration-base:200ms;/* @kind other */--duration-slow:320ms;/* @kind other */--duration-reveal:600ms;/* @kind other */
/* Backgrounds */
--gradient-brand:linear-gradient(135deg,var(--brand-300) 0%,var(--brand-500) 100%);
--gradient-surface-glow:radial-gradient(600px 300px at 20% -10%,rgba(255,255,255,.05),transparent 70%);
--pattern-grid:linear-gradient(var(--chart-grid) 1px,transparent 1px),linear-gradient(90deg,var(--chart-grid) 1px,transparent 1px);
--pattern-grid-size:24px 24px;/* @kind other */
--opacity-disabled:.45;/* @kind other */--opacity-muted:.7;/* @kind other */
}
[data-theme="light"]{
--shadow-xs:0 1px 2px rgba(15,20,25,.06);
--shadow-sm:0 1px 3px rgba(15,20,25,.08),0 1px 2px rgba(15,20,25,.05);
--shadow-md:0 4px 12px rgba(15,20,25,.10),0 1px 3px rgba(15,20,25,.06);
--shadow-lg:0 12px 32px rgba(15,20,25,.14),0 2px 6px rgba(15,20,25,.06);
--shadow-xl:0 24px 64px rgba(15,20,25,.18),0 4px 12px rgba(15,20,25,.08);
--shadow-inset:none;
--shadow-glow-accent:0 0 0 1px var(--accent-border),0 0 24px rgba(30,142,88,.12);
--shadow-glow-streak:0 0 0 1px rgba(209,154,30,.35),0 0 24px rgba(209,154,30,.12);
--gradient-brand:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-700) 100%);
--gradient-surface-glow:radial-gradient(600px 300px at 20% -10%,rgba(0,0,0,.03),transparent 70%);
}