:root{
/* The brand is flat first: large blocks of colour, hairline rules, no drop shadows in print.
   On screen, shadows are navy-tinted and used sparingly — lifted surfaces only. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-subtle);
--shadow-sm:0 1px 2px rgba(27,27,96,.06),0 1px 1px rgba(27,27,96,.04);
--shadow-md:0 4px 12px rgba(27,27,96,.08),0 1px 3px rgba(27,27,96,.05);
--shadow-lg:0 12px 32px rgba(27,27,96,.12),0 2px 8px rgba(27,27,96,.06);
--shadow-overlay:0 24px 64px rgba(16,16,56,.24);
--shadow-inset-sunken:inset 0 1px 2px rgba(27,27,96,.06);
/* Protection gradient for text over imagery — navy, never black */
--scrim-bottom:linear-gradient(to top,rgba(16,16,56,.78) 0%,rgba(16,16,56,.45) 38%,rgba(16,16,56,0) 100%); /* @kind color */
--scrim-full:linear-gradient(to top,rgba(16,16,56,.72),rgba(16,16,56,.28)); /* @kind color */
}