:root .main-body-wrapper {
  /* Primary kleuren */
  --bs-primary: #003366 !important;
  --bs-primary-rgb: 0, 51, 102 !important;
  --bs-primary-text-emphasis: #002244 !important;
  --bs-primary-bg-subtle: rgba(0, 51, 102, 0.1) !important;
  --bs-primary-border-subtle: rgba(0, 51, 102, 0.25) !important;

  /* Secondary kleuren */
  --bs-secondary: #ffc800 !important;
  --bs-secondary-rgb: 255, 200, 0 !important;
  --bs-secondary-text-emphasis: #ccaa00 !important;
  --bs-secondary-bg-subtle: rgba(255, 200, 0, 0.1) !important;
  --bs-secondary-border-subtle: rgba(255, 200, 0, 0.25) !important;
}

/* Buttons binnen main-body-wrapper */
.main-body-wrapper .btn-primary {
  --bs-btn-bg: var(--bs-primary) !important;
  --bs-btn-border-color: var(--bs-primary) !important;
  --bs-btn-color: white !important;
}

.main-body-wrapper .btn-primary:hover,
.main-body-wrapper .btn-primary:focus {
  --bs-btn-bg: var(--bs-primary-text-emphasis) !important;
  --bs-btn-border-color: var(--bs-primary-text-emphasis) !important;
  --bs-btn-color: white !important;
}

.main-body-wrapper .btn-secondary {
  --bs-btn-bg: var(--bs-secondary) !important;
  --bs-btn-border-color: var(--bs-secondary) !important;
  --bs-btn-color: black !important;
}

.main-body-wrapper .btn-secondary:hover,
.main-body-wrapper .btn-secondary:focus {
  --bs-btn-bg: var(--bs-secondary-text-emphasis) !important;
  --bs-btn-border-color: var(--bs-secondary-text-emphasis) !important;
  --bs-btn-color: black !important;
}