/* Tenant brand override — generated at build time by generate-storefront-brand-css.js */
/* DO NOT EDIT MANUALLY — re-run npm run storefront:build to regenerate */
:root {
  --color-primary-pink:   #7B3F9D;
  --color-primary-purple: #7B3F9D;
  --color-primary-blue:   #0047BB;
  --gradient-primary:            linear-gradient(135deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);
  --gradient-primary-horizontal: linear-gradient(90deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);
  --gradient-primary-vertical:   linear-gradient(180deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);
  --color-accent-pink:    #7B3F9D;
  --color-accent-purple:  #7B3F9D;
  --color-accent-blue:    #0047BB;
  --shadow-focus:      0 0 0 3px rgba(123, 63, 157, 0.3);
  --shadow-focus-pink: 0 0 0 3px rgba(123, 63, 157, 0.3);
  --shadow-focus-blue: 0 0 0 3px rgba(0, 71, 187, 0.3);
  --input-focus-border-color: #7B3F9D;
}

/* Hero background — tenant-specific image overrides storefront-bundle.css default */
.hero__background {
  background-image: url('/storefront/images/tenants/serena-health/hero-bg.png');
}