:root{
--shadow-xs:0 1px 2px rgba(36,31,46,.06);
--shadow-sm:0 2px 6px rgba(36,31,46,.06);
--shadow-md:0 6px 18px rgba(36,31,46,.08);
--shadow-lg:0 14px 36px rgba(36,31,46,.12);
--shadow-hover:0 10px 28px rgba(116,58,213,.14);
--shadow-btn:0 4px 14px rgba(122,27,139,.28);
--shadow-live:0 0 0 4px rgba(224,56,79,.18);
--shadow-focus:0 0 0 .2rem var(--focus-ring);
}