/* Shadows are tinted with Deep Navy, never neutral black, and stay low-opacity.
   Cards on the product screens sit on a 1px border + a barely-there shadow. */
:root{
  --ip-shadow-none:none;
  --ip-shadow-xs:0 1px 2px rgba(11,20,32,.05);
  --ip-shadow-sm:0 1px 3px rgba(11,20,32,.07),0 1px 2px rgba(11,20,32,.04);
  --ip-shadow-md:0 4px 12px rgba(11,20,32,.07),0 1px 3px rgba(11,20,32,.04);
  --ip-shadow-lg:0 12px 28px rgba(11,20,32,.10),0 2px 6px rgba(11,20,32,.05);
  --ip-shadow-xl:0 24px 56px rgba(11,20,32,.16);
  --ip-shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --ip-shadow-focus:0 0 0 3px var(--focus-ring);
  --ip-shadow-selected:0 0 0 1px var(--ip-blue-500),0 4px 14px rgba(45,127,249,.12);

  --elevation-card:var(--ip-shadow-sm);
  --elevation-card-hover:var(--ip-shadow-md);
  --elevation-popover:var(--ip-shadow-lg);
  --elevation-modal:var(--ip-shadow-xl);
  --blur-glass:saturate(1.4) blur(14px); /* @kind other */
}