:root{
/* Shadows are tinted with the brand teal and layered (a tight contact shadow + a wide, lifted
   ambient one) rather than a flat black blur. Lighter than a conventional drop shadow —
   pair with --color-border-hairline so a card stays defined without weight. */
--shadow-header:0 1px 0 rgba(0,85,118,.06);
--shadow-card-soft:0 1px 2px rgba(0,85,118,.04),0 12px 32px -8px rgba(0,85,118,.08);
--shadow-card-medium:0 2px 4px rgba(0,85,118,.05),0 20px 48px -12px rgba(0,85,118,.13);
--shadow-card-hover:0 2px 6px rgba(0,85,118,.06),0 28px 60px -14px rgba(0,85,118,.18);
--shadow-card-prominent:0 4px 8px rgba(0,85,118,.06),0 32px 72px -16px rgba(0,85,118,.2);
--shadow-float:0 2px 6px rgba(0,85,118,.06),0 16px 40px -10px rgba(0,85,118,.2);
--shadow-modal:0 4px 10px rgba(0,85,118,.08),0 40px 88px -22px rgba(0,85,118,.34);
--shadow-cta-pink:0 10px 28px -8px rgba(237,112,160,.45);
--shadow-cta-pink-sm:0 6px 18px -6px rgba(237,112,160,.4);
--shadow-cta-teal:0 8px 22px -6px rgba(0,85,118,.28);
}