body {
    background-color: #fcfcfd;
}
span.usp-check {
    color: #F0A060 !important;
}

.badge.text-bg-light {
  background-color: #B8DCD0 !important;
  color: #266666 !important;
}
.badge.text-bg-primary {
  background-color: #308080 !important;
  color: #fcfcfd !important;
}

.rounded-circle.bg-primary {
  background-color: #308080 !important;
  color: #fcfcfd !important;
}

.card.border-primary {
  border-color: #308080 !important;
}

/* Active/open header (expanded state) */
#faqAccordion1 .accordion-button:not(.collapsed){
  background-color: #B8DCD0; /* <- your active bg */
  color: #266666;            /* <- active text color */
  box-shadow: none;          /* removes Bootstrap's inset shadow */
}



/* Example brand colors (change to yours) */
:root{
  --brand-primary: #308080;
  --brand-primary-hover: #266666;
  --brand-primary-active: #308080;

  --brand-secondary: #308080;          /* outline-secondary text/border */
  --brand-secondary-hover-bg: #B8DCD0;  /* subtle hover background */
}

/* =========================
   btn-primary
   ========================= */
.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);

  --bs-btn-focus-shadow-rgb: 240, 160, 96; /* rgb of brand primary */
}

/* =========================
   btn-outline-primary
   ========================= */
.btn-outline-primary{
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);

  --bs-btn-focus-shadow-rgb: 240, 160, 96; /* rgb of brand primary */
}

/* =========================
   btn-outline-secondary
   ========================= */
.btn-outline-secondary{
  --bs-btn-color: var(--brand-secondary);
  --bs-btn-border-color: var(--brand-secondary);

  --bs-btn-hover-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-secondary-hover-bg);
  --bs-btn-hover-border-color: var(--brand-secondary);

  --bs-btn-active-color: var(--brand-primary);
  --bs-btn-active-bg: #e5e7eb;
  --bs-btn-active-border-color: var(--brand-secondary);

  --bs-btn-focus-shadow-rgb: 107, 114, 128; /* rgb of brand secondary */
}