/* Shadows — Commerce OS
   Soft, navy/azure-tinted elevation. Nothing harsh. */

:root {
  --shadow-xs: 0 1px 2px rgba(35,45,75,.06);
  --shadow-sm: 0 2px 8px rgba(35,45,75,.08);
  --shadow-md: 0 8px 24px rgba(35,45,75,.08);
  --shadow-lg: 0 16px 40px rgba(35,45,75,.10);
  --shadow-focus: 0 0 0 4px var(--color-focus-ring);
  --shadow-brand: 0 8px 22px rgba(3,108,229,.22);
}