.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background: var(--dropdown-highlight) !important;
  background-color: var(--dropdown-highlight) !important;
  color: var(--brand-purple) !important;
}

a.dropdown-item:hover{
    background: var(--dropdown-highlight) !important;
    background-color: var(--dropdown-highlight) !important;
  color: var(--brand-purple) !important;
}


.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
  background: var(--dropdown-highlight) !important;
    color: #54027d !important;           /* Purple text */
    font-weight: 600 !important;
}

.cp-btn-purple:hover {
  color:  var(--dropdown-highlight) !important;
}

/*body, p, li, span, label, h1, h2, h3, h4, h5, h6, blockquote, small {


  color: var(--text-primary) !important;
  background: var(--bg-main) !important;
}

a, .nav-link {
  color: var(--text-link) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
a:hover, .nav-link:hover, a:focus, .nav-link:focus {
  color: var(--text-link-hover) !important;
}

button, .btn, .cp-btn-purple {
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border: none !important;
  font-weight: 600 !important;
  border-radius: 1.5em !important;
  transition: background 0.2s;
}
button:hover, .btn:hover, .cp-btn-purple:hover {
  background: var(--btn-bg-hover) !important;
}

input, select, textarea {
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  background: var(--bg-main) !important;
}

.dropdown-menu {
  background: var(--bg-main) !important;
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 8px 24px rgba(30, 30, 30, 0.07) !important;
}
.dropdown-menu .dropdown-item {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
  background: var(--bg-dropdown-hover) !important;
  color: var(--text-link) !important;
}

.navbar {
  background: var(--bg-main) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 2px 8px rgba(30, 30, 30, 0.04) !important;
}

.fw-bold, strong, b {
  font-weight: 700 !important;
  color: var(--brand-purple) !important;
}

.fw-semibold {
  font-weight: 600 !important;
  color: var(--brand-purple) !important;
}

.fw-light {
  font-weight: 300 !important;
  color: var(--text-secondary) !important;
}

.blockquote {
  border-left: 3px solid var(--brand-purple) !important;
  color: var(--text-secondary) !important;
  padding-left: 1em !important;
  background: var(--bg-muted) !important;
}
*/