:root {
  --primary-hue: 221deg;
  --primary-saturation: 100%;
  --primary-lightness: 75%;
}

html.dark body {
  background-color: #011627 !important;
}

html.dark .content {
  background-color: #011627 !important;
}

html.dark .hextra-nav-container {
  background-color: #162a3c !important;
}

html.dark .hextra-nav-container-blur {
  background-color: #162a3c !important;
}

/* html.dark .hextra-search-wrapper { */
  /* color: #162a3c !important; */
  /* background-color: #162a3c !important; */
/* } */

html.dark .hextra-search-input {
  /* color: #162a3c !important; */
  background-color: #82AAFF !important;
}

html.dark .hextra-search-results{
  /* color: #162a3c !important; */
  background-color: #162a3c !important;
}

html.dark .hextra-sidebar-container {
  /* color: #162a3c !important; */
  background-color: #011627 !important;
}

html.dark .hextra-footer {
  background-color: #162a3c !important;
  border-top: 1px solid #2D3F4F !important;
}

html.dark pre, code {
  background-color: #2c3e4f !important;
}

/* #162a3c = #D6DEEB + #011627 (1:9)*/
/* #2c3e4f = #D6DEEB + #011627 (2:8)*/
#82AAFF
#C792EA