:root{
/* ink-tinted, low-alpha, two-layer: a hairline contact shadow + a soft spread */
--shadow-none:none;
--shadow-xs:0 1px 1px rgba(36,27,38,.04);
--shadow-sm:0 1px 2px rgba(36,27,38,.05),0 1px 3px rgba(36,27,38,.04);
--shadow-md:0 1px 2px rgba(36,27,38,.05),0 4px 10px -2px rgba(36,27,38,.07);
--shadow-lg:0 1px 2px rgba(36,27,38,.05),0 12px 28px -6px rgba(36,27,38,.12);
--shadow-xl:0 2px 4px rgba(36,27,38,.05),0 28px 56px -12px rgba(36,27,38,.18);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
--shadow-inset-sunken:inset 0 1px 2px rgba(36,27,38,.06);
--shadow-brand:0 6px 18px -4px rgba(91,42,110,.30);
--blur-glass:saturate(140%) blur(14px); /* @kind other */
}
/* Dark mode: shadows carry almost no information on near-black, so they get
   deeper and quieter, and surfaces lean on borders instead. */
[data-theme="dark"]{
--shadow-xs:0 1px 1px rgba(0,0,0,.30);
--shadow-sm:0 1px 2px rgba(0,0,0,.34);
--shadow-md:0 2px 6px rgba(0,0,0,.40);
--shadow-lg:0 12px 28px -6px rgba(0,0,0,.52);
--shadow-xl:0 28px 56px -12px rgba(0,0,0,.62);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.05);
--shadow-inset-sunken:inset 0 1px 2px rgba(0,0,0,.28);
--shadow-brand:0 6px 18px -4px rgba(168,99,194,.28);
}