:root{
/* Structure comes from hairlines, not shadow. Shadow is reserved for
   things that genuinely float above the page: dialogs, toasts, menus. */
--shadow-none:none;
--shadow-subtle:0 1px 2px rgba(22,19,15,0.04);
--shadow-raised:0 1px 2px rgba(22,19,15,0.04),0 8px 20px -6px rgba(22,19,15,0.10);
--shadow-overlay:0 2px 4px rgba(22,19,15,0.06),0 24px 48px -12px rgba(22,19,15,0.18);
--shadow-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring);
--blur-veil:saturate(140%) blur(14px); /* @kind other */
}