:root{
/* Light-surface elevation: cool blue-tinted, never neutral black */
--shadow-xs:0 1px 2px rgba(11,25,66,.06);
--shadow-sm:0 2px 6px rgba(11,25,66,.07);
--shadow-md:0 8px 20px -6px rgba(11,25,66,.14);
--shadow-lg:0 18px 40px -12px rgba(11,25,66,.20);
--shadow-xl:0 32px 64px -20px rgba(11,25,66,.26);
/* Hover lift for cards */
--shadow-card:0 2px 6px rgba(11,25,66,.07);
--shadow-card-hover:0 16px 34px -12px rgba(11,25,66,.22);
/* Primary / accent glow used only on the main CTA */
--shadow-primary:0 10px 24px -8px rgba(42,91,240,.55);
--shadow-accent:0 10px 24px -8px rgba(242,179,0,.5);
/* Inner shadows: photo wells + pressed controls */
--shadow-inset-well:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(11,25,66,.05);
--shadow-inset-press:inset 0 2px 4px rgba(11,25,66,.16);
/* On the deep navy surface, elevation is a lighter fill + hairline, plus this soft drop */
--shadow-on-deep:0 20px 44px -18px rgba(0,0,0,.6);
--blur-panel:saturate(140%) blur(14px); /* @kind other */
}