/* SalonMaster brand overrides — loaded AFTER the vendor frontend.css.
   Recolors the SB-UI-kit blue/teal palette to the app's brand: primary pink
   #E91E63 → secondary purple #9C27B0 (same gradient as the app icon and the
   app's sign-in screen). Only overrides classes the pages actually use. */

:root,
[data-bs-theme='light'] {
  --bs-primary: #e91e63;
  --bs-primary-rgb: 233, 30, 99;
  --bs-secondary: #9c27b0;
  --bs-secondary-rgb: 156, 39, 176;
  --bs-primary-soft: #fde7ef;
  --bs-primary-soft-rgb: 253, 231, 239;
  --bs-secondary-soft: #f3e5f5;
  --bs-secondary-soft-rgb: 243, 229, 245;
  --bs-link-color: #e91e63;
  --bs-link-color-rgb: 233, 30, 99;
  --bs-link-hover-color: #c2185b;
  --bs-link-hover-color-rgb: 194, 24, 91;
}

.btn-primary {
  --bs-btn-bg: #e91e63;
  --bs-btn-border-color: #e91e63;
  --bs-btn-hover-bg: #c2185b;
  --bs-btn-hover-border-color: #c2185b;
  --bs-btn-active-bg: #ad1457;
  --bs-btn-active-border-color: #ad1457;
  --bs-btn-disabled-bg: #e91e63;
  --bs-btn-disabled-border-color: #e91e63;
}

.btn-outline-primary {
  --bs-btn-color: #e91e63;
  --bs-btn-border-color: #e91e63;
  --bs-btn-hover-bg: #e91e63;
  --bs-btn-hover-border-color: #e91e63;
  --bs-btn-active-bg: #e91e63;
  --bs-btn-active-border-color: #e91e63;
  --bs-btn-disabled-color: #e91e63;
  --bs-btn-disabled-border-color: #e91e63;
}

.text-primary {
  color: #e91e63 !important;
}

.bg-primary {
  background-color: #e91e63 !important;
}

/* Section eyebrow labels etc. used the theme's teal accent — brand pink now. */
.text-teal {
  color: #e91e63 !important;
}

.text-secondary {
  color: #9c27b0 !important;
}

.bg-gradient-primary-to-secondary {
  background: linear-gradient(135deg, #e91e63 0%, #9c27b0 100%) !important;
}