:root{
/* Shadows are navy-tinted, low-opacity and shallow — print-derived, never soft
   consumer glows. Most surfaces use a hairline border instead of a shadow. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-subtle);
--shadow-xs:0 1px 2px rgba(20,35,63,.06);
--shadow-sm:0 1px 3px rgba(20,35,63,.08),0 1px 2px rgba(20,35,63,.04);
--shadow-md:0 4px 12px rgba(20,35,63,.10);
--shadow-lg:0 12px 32px rgba(20,35,63,.14);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.6);
--shadow-focus:0 0 0 2px var(--grey-0),0 0 0 4px var(--focus-ring);
--elevation-card:var(--shadow-xs);
--elevation-card-hover:var(--shadow-md);
--elevation-menu:var(--shadow-lg);
--elevation-modal:var(--shadow-lg);
}