/* 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:    #7B3F9D;
  --color-secondary:  #0047BB;
  --color-accent:     #7B3F9D;
  --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%);
  --shadow-focus:      0 0 0 3px rgba(123, 63, 157, 0.3);
  --input-focus-border-color: #7B3F9D;
}

/* Hero background — tenant-specific override (gradient or image) */
.hero__background {
  background: url('/storefront/images/tenants/serena-health/hero-bg.webp');
}