:root{
/* On true black, depth comes from surface steps and hairlines, not shadow.
   Shadows exist only for floating chrome (tab bar, popovers, modals). */
--shadow-hairline:0 0 0 1px rgba(255,255,255,.09);
--shadow-raised:none;
--shadow-card:none;
--shadow-tabbar:0 8px 32px rgba(0,0,0,.6);
--shadow-popover:0 12px 32px rgba(0,0,0,.55);
--shadow-modal:0 24px 64px rgba(0,0,0,.7);
--shadow-inset-sunken:inset 0 1px 2px rgba(0,0,0,.5);
--ring-focus:0 0 0 2px var(--surface-canvas),0 0 0 4px var(--signal-500);
--blur-veil:saturate(1.3) blur(20px); /* @kind other */
--blur-chrome:saturate(1.6) blur(30px); /* @kind other */
}