.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

.btn-primary {
  --bs-btn-color: var(--bb-primary-text);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bb-primary-text);
  --bs-btn-hover-bg: var(--bb-primary-dark);
  --bs-btn-hover-border-color: var(--bb-primary-dark);
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: var(--bb-primary-text);
  --bs-btn-active-bg: var(--bb-primary-dark);
  --bs-btn-active-border-color: var(--bb-primary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bb-primary-text);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-color: var(--bb-secondary-text);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bb-secondary-text);
  --bs-btn-hover-bg: var(--bb-secondary-dark);
  --bs-btn-hover-border-color: var(--bb-secondary-dark);
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: var(--bb-secondary-text);
  --bs-btn-active-bg: var(--bb-secondary-dark);
  --bs-btn-active-border-color: var(--bb-secondary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bb-secondary-text);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bb-primary-text);
  --bs-btn-hover-bg: var(--bb-primary-dark);
  --bs-btn-hover-border-color: var(--bb-primary-dark);
  --bs-btn-active-color: var(--bb-primary-text);
  --bs-btn-active-bg: var(--bb-primary-dark);
  --bs-btn-active-border-color: var(--bb-primary-dark);
  --bs-btn-disabled-color: var(--bb-primary-dark);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bb-primary-dark);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bb-secondary-text);
  --bs-btn-hover-bg: var(--bb-secondary-dark);
  --bs-btn-hover-border-color: var(--bb-secondary-dark);
  --bs-btn-active-color: var(--bb-secondary-text);
  --bs-btn-active-bg: var(--bb-secondary-dark);
  --bs-btn-active-border-color: var(--bb-secondary-dark);
  --bs-btn-disabled-color: var(--bb-secondary-dark);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bb-secondary-dark);
}

h1, .h1 {
  color: var(--bb-h1-color);
}
h2, .h2 {
  color: var(--bb-h2-color);
}
h3, .h3 {
  color: var(--bb-h3-color);
}