:root, [data-theme="light"], [data-theme="dark"] {
  --bs-primary: #676fc7;
  --bs-primary-rgb: 103, 111, 199;
  --falcon-primary: #676fc7;
  --falcon-primary-rgb: 103, 111, 199;
}

.text-primary, 
.text-primary:hover, 
.text-primary:focus {
  color: #676fc7 !important;
}

.bg-primary {
  background-color: #676fc7 !important;
}

.btn-primary {
  background-color: #676fc7 !important;
  border-color: #676fc7 !important;
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
  background-color: #545bb0 !important;
  border-color: #545bb0 !important;
}

.btn-outline-primary {
  color: #676fc7 !important;
  border-color: #676fc7 !important;
}

.btn-outline-primary:hover, 
.btn-outline-primary:active, 
.btn-outline-primary:focus {
  background-color: #676fc7 !important;
  color: #fff !important;
}

a {
  color: #676fc7;
}

a:hover, 
a:focus {
  color: #545bb0; /* Slightly darker shade of the logo color for hover effect */
}

/* Fix active tabs/pills styling matching the custom primary color */
.nav-link.active,
.nav-pills .nav-link.active,
.page-item.active .page-link {
    color: #fff !important;
    background-color: #676fc7 !important;
    border-color: #676fc7 !important;
}

.page-link {
    color: #676fc7;
}

.page-link:hover {
    color: #545bb0;
}