:root, [data-bs-theme=light] {
  --bs-primary: #cc00cc !important;
  --bs-primary-rgb: 204, 0, 204 !important;
  --bs-secondary: #6600aa !important;
  --bs-secondary-rgb: 102, 0, 170 !important;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 1.5rem;
  --bs-box-shadow: 0 0px 6px rgba(102, 0, 170, 0.2) !important;
}

.navbar.navbar-header {
  background-image: linear-gradient(to bottom, var(--bs-primary), color-mix(in srgb, var(--bs-secondary) 50%, black));
}