:root{
/* Soft, slate-tinted. Never neutral grey, never harsh. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--line-hairline);
--shadow-card:0 1px 2px rgb(30 58 68 / .05), 0 2px 8px rgb(30 58 68 / .05);
--shadow-raised:0 2px 4px rgb(30 58 68 / .07), 0 8px 20px rgb(30 58 68 / .08);
--shadow-sheet:0 -2px 8px rgb(30 58 68 / .06), 0 -18px 44px rgb(30 58 68 / .14);
--shadow-inset:inset 0 1px 0 rgb(255 255 255 / .5);
--shadow-focus:0 0 0 var(--focus-width) var(--surface-card), 0 0 0 calc(var(--focus-width) + 2px) var(--focus-ring);
/* blur is used only for sticky bars over scrolling content */
--blur-bar:saturate(1.1) blur(12px); /* @kind other */
--bar-veil:rgb(239 239 239 / .85);
}
[data-theme="dim"]{
--shadow-card:0 1px 2px rgb(0 0 0 / .3), 0 2px 8px rgb(0 0 0 / .24);
--shadow-raised:0 2px 4px rgb(0 0 0 / .34), 0 8px 20px rgb(0 0 0 / .32);
--shadow-sheet:0 -18px 44px rgb(0 0 0 / .48);
--shadow-inset:inset 0 1px 0 rgb(255 255 255 / .05);
--bar-veil:rgb(22 40 47 / .87);
}