:root {
  --primary: #bf81ff;
  --secondary: #ff1971;
  --purple: #7d00ff;
}
a:hover,
a {
  color: var(--secondary) !important;
}
.btn-primary:hover,
.btn-primary,
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.btn-label-primary {
  background-color: var(--primary) !important;
  border: 0 !important;
  color: #fff !important;
}
.form-control:focus,
.form-select:focus,
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text,
html:not([dir='rtl']) .border-primary {
  border-color: var(--primary) !important;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--secondary) !important;
  border: 0 !important;
}
.text-primary {
  color: var(--secondary) !important;
}
.bg-label-primary,
.bg-label-hover-primary {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.switch-input:checked ~ .switch-toggle-slider {
  background: var(--secondary) !important;
}
.btn-danger,
.btn-danger :hover,
.btn-danger:active,
.btn-danger :focus {
  background-color: var(--secondary) !important;
  border: 0 !important;
  color: #fff !important;
}