:root{
/* Shadows are cool-navy, low-opacity and vertical — light from above, as in a
   lit interior. Never black, never coloured glows. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--line-hairline);
--shadow-xs:0 1px 2px rgba(21,24,31,.06);
--shadow-sm:0 2px 6px rgba(21,24,31,.07);
--shadow-md:0 6px 18px rgba(21,24,31,.09);
--shadow-lg:0 18px 44px rgba(21,24,31,.14);
--shadow-xl:0 32px 80px rgba(21,24,31,.22);
--shadow-inset-hair:inset 0 0 0 1px var(--line-hairline);
--shadow-inset-dark:inset 0 0 0 1px var(--line-on-dark);
--shadow-focus:0 0 0 2px var(--paper-050),0 0 0 4px var(--focus-ring);
--shadow-focus-dark:0 0 0 2px var(--navy-900),0 0 0 4px var(--focus-ring);

/* Protection gradients for type over photography */
--scrim-bottom:linear-gradient(to top,rgba(21,24,31,.85) 0%,rgba(21,24,31,.45) 38%,rgba(21,24,31,0) 78%); /* @kind other */
--scrim-top:linear-gradient(to bottom,rgba(21,24,31,.72) 0%,rgba(21,24,31,0) 60%); /* @kind other */
--scrim-full:linear-gradient(to bottom,rgba(21,24,31,.55),rgba(21,24,31,.55)); /* @kind other */
--blur-glass:saturate(120%) blur(14px); /* @kind other */
}