/* Elevation — cool, teal-tinted shadows. Never pure black, never more than two layers. */
:root{
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(1,69,74,.06);
--shadow-sm:0 1px 3px rgba(1,69,74,.08),0 1px 2px rgba(1,69,74,.04);
--shadow-md:0 4px 12px rgba(1,69,74,.08),0 1px 3px rgba(1,69,74,.05);
--shadow-lg:0 12px 28px rgba(1,69,74,.10),0 2px 6px rgba(1,69,74,.05);
--shadow-xl:0 24px 48px rgba(1,69,74,.14),0 4px 10px rgba(1,69,74,.06);
--shadow-header:0 1px 0 var(--grey-200),0 6px 20px rgba(1,69,74,.06);
--shadow-card:var(--shadow-sm);--shadow-card-hover:var(--shadow-lg);
--shadow-dropdown:var(--shadow-lg);--shadow-modal:var(--shadow-xl);
--shadow-inset-field:inset 0 1px 1px rgba(1,69,74,.04);
--overlay-image-scrim:linear-gradient(180deg,rgba(1,69,74,0) 0%,rgba(1,69,74,.20) 45%,rgba(1,69,74,.72) 100%); /* @kind color */
--overlay-hero-scrim:linear-gradient(90deg,rgba(1,69,74,.86) 0%,rgba(1,69,74,.66) 48%,rgba(1,69,74,.18) 100%); /* @kind color */
--blur-glass:saturate(140%) blur(12px) /* @kind other */
}