/* sort alphabetically by selector */

a {
  color: var(--link1);
  &:hover {
    color: var(--link-hover);
  }
}

button {
  color: var(--fg2);
}

code {
  color: var(--code-string);
}

html {
  background-color: var(--bg1);
}

#body {
  background-color: var(--bg1);
  color: var(--fg1);
}

#crumbs {
  color: var(--fg2);
}

#footer {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
}

#header {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
  #home {
    color: var(--home);
  }
}

#main {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
  a {
    &:hover {
      background-color: var(--bg3);
    }
  }
  div.highlight pre {
    background-color: var(--code-bg);
    color: var(--code-fg);
  }
  hr {
    border-top-color: var(--border1);
  }
}

#pagenav {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
}

#search-input {
  background-color: var(--bg1);
  border-color: var(--border1);
  color: var(--fg1);
}

#search-input:focus,
#search-page-input:focus {
  border-color: var(--link1);
}

#search-menu {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
}

#search-page-input {
  background-color: var(--bg1);
  border-color: var(--border1);
  color: var(--fg1);
}

#theme-menu {
  background-color: var(--bg2);
  border-color: var(--border1);
  color: var(--fg1);
}

.highlight {
  background-color: var(--code-bg);
  color: var(--code-fg);

  span {
    color: var(--code-fg);
  }

  .c, .ch, .cm, .cp, .cpf, .c1, .cs {
    color: var(--code-comment);
  }
  .k, .kc, .kd, .kn, .kp, .kr, .kt, .ow {
    color: var(--code-keyword);
  }
  .s, .sa, .sb, .sc, .dl, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss {
    color: var(--code-string);
  }
  .m, .mb, .mf, .mh, .mi, .mo, .il {
    color: var(--code-number);
  }
  .nf, .fm {
    color: var(--code-function);
  }
  .nc, .ne {
    color: var(--code-class);
  }
  .o {
    color: var(--code-operator);
  }
  .p, .pm {
    color: var(--code-punctuation);
  }
  .n, .na, .nb, .ni, .nl, .nn, .nx, .py, .nv, .bp, .vc, .vg, .vi, .vm {
    color: var(--code-fg);
  }
}

.post {
  #nav {
    background-color: var(--bg2);
    border-color: var(--border1);
    color: var(--fg1);
  }
}

.search-error {
  color: var(--code-keyword);
}

.search-message {
  color: var(--fg2);
}

.search-result-excerpt {
  color: var(--fg2);
}

.search-result-excerpt mark,
.search-sub-result-excerpt mark {
  background-color: var(--bg3);
  color: var(--fg1);
}

.search-result-item {
  border-bottom-color: var(--border2);
}

.search-result-link:hover .search-result-title {
  color: var(--link-hover);
}

.search-result-title {
  color: var(--link1);
}

.search-sub-result-excerpt {
  color: var(--fg3);
}

.search-sub-result-link:hover .search-sub-result-title {
  color: var(--link1);
}

.search-sub-result-title {
  color: var(--fg1);
}

.search-summary {
  color: var(--fg2);
}