/*
 * Shadows stay neutral — ink at 4–10%, over the deepest ink so they read as depth rather than as a
 * grey wash. The one exception is the brand shadow under the primary button. See assets/Palette.md.
 */
:root{
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(11,11,17,.06);
--shadow-sm:0 1px 2px rgba(11,11,17,.04),0 2px 8px rgba(11,11,17,.05);
--shadow-md:0 2px 4px rgba(11,11,17,.04),0 8px 20px rgba(11,11,17,.08);
--shadow-lg:0 4px 8px rgba(11,11,17,.04),0 18px 40px rgba(11,11,17,.10);
--shadow-brand:0 8px 24px rgba(89,74,255,.24);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
--border-hair:1px solid var(--border-subtle);
--grain:radial-gradient(circle at 1px 1px,rgba(89,74,255,.10) 1px,transparent 0);
--gradient-brand:linear-gradient(135deg,#594AFF 0%,#281C88 100%)}