:root {
  --bs-primary: #790495;
  --bs-primary-rgb: 121, 4, 149;
  --bs-secondary: #0452b5;
  --bs-secondary-rgb: 4, 82, 181;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover {
  background-color: #610378 !important; /* Slightly darker */
  border-color: #610378 !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}
.btn-secondary:hover {
  background-color: #034292 !important; /* Slightly darker */
  border-color: #034292 !important;
}

/* Sidebar active states */
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background-color: rgba(121, 4, 149, 0.16) !important;
  color: var(--bs-primary) !important;
}
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle)::before {
  background-color: var(--bs-primary) !important;
}