:root {
  --bs-primary: #0051a5;
  --bs-primary-rgb: 0, 81, 165;
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
}


[data-bs-theme="dark"] {
  --bs-primary: #4dabf7;
  --bs-primary-rgb: 77, 171, 247;
  --bs-body-bg: #1a1d29;
  --bs-body-color: #ffffff;
}


.navbar {
  background-color: var(--bs-body-bg) !important;
  border-bottom: 1px solid var(--bs-border-color);
}


[data-bs-theme="dark"] .navbar {
  background-color: rgb(34, 40, 50) !important;
}

.navbar-brand {
  color: var(--bs-primary) !important;
  font-weight: 600;
}

.navbar-nav .nav-link {
  color: var(--bs-body-color) !important;
}

.navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}


.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}


a {
  color: var(--bs-primary);
}


.lightswitch {
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: transparent;
  color: var(--bs-body-color);
  cursor: pointer;
}

.lightswitch:hover {
  background-color: var(--bs-secondary-bg);
}

.btn-acro {
  background-color: #276BE9;
  border-color: #276BE9;
  color: white;
}

.btn-acro:hover {
  background-color: #1e5bc7;
  border-color: #1e5bc7;
  color: white;
}

.btn-sacro-ml {
  background-color: #0A7D91;
  border-color: #0A7D91;
  color: white;
}

.btn-sacro-ml:hover {
  background-color: #086a7a;
  border-color: #086a7a;
  color: white;
}

.btn-acro-r {
  background-color: #00843F;
  border-color: #00843F;
  color: white;
}

.btn-acro-r:hover {
  background-color: #006d35;
  border-color: #006d35;
  color: white;
}

.btn-sacro-viewer {
  background-color: #F66A0A;
  border-color: #F66A0A;
  color: white;
}

.btn-sacro-viewer:hover {
  background-color: #d4580a;
  border-color: #d4580a;
  color: white;
}