/* ============================================================
   ZANZIBAR SITE THEME OVERRIDES
   Overrides the default amber secondary color with the red theme (#be202e).
   Primary dark blue color remains unchanged.
   ============================================================ */

:root {
  /* Replace amber with red for Zanzibar site */
  --mk-amber: #be202e;
  --mk-amber-light: #d1303e;
  --mk-amber-pale: rgba(190, 32, 46, 0.08);

  /* Override main template accent colors if they are used */
  --accent-color: #be202e;
  --heading-color: #102a49; /* keep headings primary */
}

/* Update any specific component styles that might have hardcoded the amber color */
.btn-primary, 
.btn-primary:hover,
.hero .hero-slider .swiper-pagination .swiper-pagination-bullet-active {
  /* These are typically driven by the variables, but just in case: */
}

/* Adjust gradients or other elements if necessary */