:root{
/* Crisp, low, near-neutral. Depth comes from borders first, shadow second. */
--shadow-none:none;
--shadow-xs:0 1px 1px rgba(10,12,14,.04);
--shadow-sm:0 1px 2px rgba(10,12,14,.06),0 1px 1px rgba(10,12,14,.04);
--shadow-md:0 2px 6px rgba(10,12,14,.08),0 1px 2px rgba(10,12,14,.05);
--shadow-lg:0 8px 24px rgba(10,12,14,.10),0 2px 6px rgba(10,12,14,.06);
--shadow-xl:0 20px 48px rgba(10,12,14,.16),0 4px 12px rgba(10,12,14,.08);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
--shadow-inset-dark:inset 0 1px 0 rgba(255,255,255,.05);
/* Brand glow — reserved for the active/live state, never decoration */
--glow-brand:0 0 0 1px var(--indu-yellow),0 2px 12px rgba(240,217,44,.28); /* @kind shadow */
}
[data-theme="dark"]{
--shadow-xs:0 1px 1px rgba(0,0,0,.4);
--shadow-sm:0 1px 2px rgba(0,0,0,.5);
--shadow-md:0 2px 8px rgba(0,0,0,.55);
--shadow-lg:0 10px 28px rgba(0,0,0,.6);
--shadow-xl:0 24px 56px rgba(0,0,0,.7);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.05);
}