:root {
  --bs-primary: #445566ff;
  --bs-primary-rgb: 50, 60, 70;
  --bs-nav-pills-link-active-bg: #445566ff;
  
  --bs-btn-hover-color: #ff0000ff;
  --bs-btn-hover-bg: #ff0000ff;  /* Fixed missing colon */
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-btn-hover-bg);  /* Changed from lighten() function */
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);  /* Match hover background */
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #8899aaff;
  border-color: var(--bs-btn-hover-border-color);
}


 .nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #445566ff;
}

 .nav-pills:hover {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #8899ff;
}


.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}


img {
    /*filter: saturate(0%) !important;*/
}

li[data-level="level-3"] {
  font-weight:bold;
}

li[data-level="level-4"] {
  font-weight:normal;

 
}