/* Adapted from the "3Drawers Studio design system" claude.ai project
 * (tokens/spacing.css radius/border section + tokens/shadows.css +
 * tokens/motion.css, consolidated to match this app's existing token file
 * layout). The source project's signature "stacked drawers" hard-offset
 * shadow (--shadow-stack-*) is intentionally not adopted yet — left for a
 * later pass once we're ready to lean into that motif. */
:root{
--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--border-width:1.5px;--border-width-thick:2.5px;

--shadow-sm:0 1px 2px rgba(23,19,16,.07),0 1px 1px rgba(23,19,16,.05);
--shadow-md:0 6px 16px rgba(23,19,16,.10),0 2px 6px rgba(23,19,16,.07);
--shadow-lg:0 16px 32px rgba(23,19,16,.14),0 6px 12px rgba(23,19,16,.08);
--shadow-press:0 2px 0 rgba(23,19,16,.25);

--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
--duration-fast:120ms;--duration-base:200ms;--duration-slow:360ms;
}
[data-theme="dark"]{
--shadow-sm:0 1px 2px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.25);
--shadow-md:0 6px 16px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);
--shadow-lg:0 20px 40px rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.35);
--shadow-press:0 2px 0 rgba(0,0,0,.5);
}