:root{
/* Light theme leans on soft, low, warm-neutral shadows. Nothing floats far. */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(31,30,27,.05);
--shadow-sm:0 1px 3px rgba(31,30,27,.07),0 1px 2px rgba(31,30,27,.04);
--shadow-md:0 4px 12px rgba(31,30,27,.07),0 1px 3px rgba(31,30,27,.05);
--shadow-lg:0 12px 32px rgba(31,30,27,.10),0 2px 6px rgba(31,30,27,.05);
--shadow-xl:0 28px 64px rgba(31,30,27,.16),0 4px 12px rgba(31,30,27,.06);
--shadow-focus:0 0 0 3px rgba(11,110,98,.22);
--shadow-focus-danger:0 0 0 3px rgba(196,43,67,.22);
--shadow-inset-hairline:inset 0 1px 0 rgba(255,255,255,.7);
}

[data-theme="dark"]{
/* Dark theme separates with borders and a 1px top highlight, not with shadow.
   Depth comes from surface value, never from a black blur on black. */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(0,0,0,.4);
--shadow-sm:0 1px 3px rgba(0,0,0,.5);
--shadow-md:0 6px 18px rgba(0,0,0,.45);
--shadow-lg:0 18px 40px rgba(0,0,0,.55);
--shadow-xl:0 32px 72px rgba(0,0,0,.65);
--shadow-focus:0 0 0 3px rgba(47,192,168,.28);
--shadow-focus-danger:0 0 0 3px rgba(224,71,95,.28);
--shadow-inset-hairline:inset 0 1px 0 rgba(255,255,255,.045);
}