:root {
  --osi-text: #367DA2;
  --osi-body-bg: #367DA2;
  --osi-navbar-border: #367DA2;
}
[data-bs-theme=dark] {
    --osi-text: #49AADE;
    --osi-body-bg: #255670;
    --osi-navbar-border: #49AADE;
}

body {
  background-color: var(--osi-body-bg);
  font-family: "Atkinson Hyperlegible Next", var(--bs-body-font-family);
}
.navbar {
  background-color: var(--bs-body-bg);
  border-bottom-color: var(--osi-text) !important;
}
.navbar .navbar-nav .nav-link:hover {
  background-color: var(--osi-body-bg);
  color: #fff;
}
.navbar-brand, .navbar-brand:focus, .navbar-brand:hover {
  color: var(--osi-text);
}
.navbar-brand {
  display: block;
  height: 4rem;
  width: 24.25rem;
  background-image: url('/logo/logo-full.svg');
  background-size: 100% 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 2rem !important;
}
.tooltip-inner {
  text-align: start;
}
/* dark/light mode toggle */
.bi {
  vertical-align: -.125em;
  fill: currentColor;
}
.bd-mode-toggle {
  z-index: 1500;
}
.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Night Sans", "Poppins", var(--bs-body-font-family);
}
/*
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: "Night Sans", "Poppins", var(--bs-body-font-family);
  font-weight: 300;
  font-style: normal;
}
*/


.poppins-thin {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", serif;
  font-weight: 900;
  font-style: italic;
}