:root {
  color-scheme: light;
}

/* Base */
body {
  background-color: #ECEFF4;
  color: #2E3440;
}

h1, h2, h3, h4, h5, h6 {
  color: #2E3440;
}

/* Links */
a {
  color: #5E81AC;
}

a:hover {
  color: #81A1C1;
}

/* Sidebar */
.side-bar {
  background-color: #E5E9F0;
  border-right: 1px solid #D8DEE9;
}

.site-title {
  color: #2E3440;
}

/* Navigation */
.nav-list .nav-list-link {
  color: #4C566A;
}

.nav-list .nav-list-link.active,
.nav-list .nav-list-link:hover {
  background-image: linear-gradient(
    -90deg,
    #D8DEE9 0%,
    rgba(216, 222, 233, 0.7) 80%,
    rgba(216, 222, 233, 0) 100%
  );
  color: #2E3440;
}

/* Main content */
.main-content {
  color: #2E3440;
}

/* Code blocks */
.highlight,
pre.highlight,
div.highlighter-rouge,
figure.highlight {
  background-color: #E5E9F0;
  color: #2E3440;
}

:not(pre) > code {
  background-color: #E5E9F0;
  border: 1px solid #D8DEE9;
  color: #2E3440;
}

/* Tables */
th, td {
  background-color: #ECEFF4;
  border-color: #D8DEE9;
}

/* Buttons */
.btn,
summary {
  background-color: #E5E9F0;
  color: #5E81AC;
  box-shadow: none;
}

.btn:hover,
summary:hover {
  background-color: #D8DEE9;
}

/* Search */
.search-input,
.search-results {
  background-color: #ECEFF4;
  color: #2E3440;
}

/* Remove extra gaps/padding that create white space */
.site-header,
.aux-nav-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Aux nav itself (reinforce styling) */
.aux-nav {
  background-color: #ECEFF4 !important;
  color: #2E3440 !important;
  height: auto !important;
  padding: 0.5rem 1rem !important;
}

.aux-nav .aux-nav-list {
  background: transparent !important;
}

.aux-nav .aux-nav-list-item a {
  color: #5E81AC !important;
  text-decoration: none !important;
}

.aux-nav .aux-nav-list-item a:hover {
  color: #81A1C1 !important;
  text-decoration: underline !important;
}
/* Footer */
.site-footer,
.sidebar-footer {
  display: none !important;
}