:root{
--border-width-hairline:0.5px;--border-width-1:1px;--border-width-2:2px;
--shadow-xs:0 1px 2px rgba(20,18,16,.04);
--shadow-sm:0 1px 3px rgba(20,18,16,.06),0 1px 2px rgba(20,18,16,.04);
--shadow-md:0 4px 12px rgba(20,18,16,.07),0 2px 4px rgba(20,18,16,.04);
--shadow-lg:0 12px 32px rgba(20,18,16,.10),0 4px 8px rgba(20,18,16,.04);
--shadow-xl:0 24px 56px rgba(20,18,16,.14);
--shadow-modal:0 32px 80px rgba(20,18,16,.18),0 8px 24px rgba(20,18,16,.08);
--focus-ring:0 0 0 2px var(--bg-page),0 0 0 4px var(--brand-600);
}