:root {
  color-scheme: light;
}

:root[data-theme=dark] {
  color-scheme: dark;
}
:root[data-theme=dark] body {
  color: #bbbbbb;
  background-color: #181818;
}
:root[data-theme=dark] a {
  color: #79b8ff;
}
:root[data-theme=dark] a:visited {
  color: #79b8ff;
}
:root[data-theme=dark] a:hover {
  color: #bbbbbb;
}
:root[data-theme=dark] blockquote {
  color: #999999;
  border-left-color: #404040;
}
:root[data-theme=dark] pre, :root[data-theme=dark] code {
  border-color: #404040;
  background-color: #212121;
}
:root[data-theme=dark] .highlight {
  background: #212121;
}
:root[data-theme=dark] .svg-icon {
  fill: #999999;
}
:root[data-theme=dark] table {
  color: #bbbbbb;
  border-color: #404040;
}
:root[data-theme=dark] table tr:nth-child(even) {
  background-color: #222222;
}
:root[data-theme=dark] table th {
  background-color: #313131;
  border-color: #4e4e4e;
}
:root[data-theme=dark] table td {
  border-color: #404040;
}
:root[data-theme=dark] .site-header {
  border-top-color: #999999;
  border-bottom-color: #404040;
}
:root[data-theme=dark] .site-title, :root[data-theme=dark] .site-title:visited {
  color: #a6a6a6;
}
:root[data-theme=dark] .site-nav {
  background-color: #181818;
  border-color: #404040;
}
:root[data-theme=dark] .site-nav .page-link {
  color: #bbbbbb;
}
:root[data-theme=dark] .site-nav .menu-icon > svg {
  fill: #999999;
}
:root[data-theme=dark] .site-footer {
  border-top-color: #404040;
}
:root[data-theme=dark] .footer-col-wrapper, :root[data-theme=dark] .post-meta {
  color: #999999;
}
:root[data-theme=dark] .theme-toggle-moon {
  display: none;
}
:root[data-theme=dark] .theme-toggle-sun {
  display: inline-block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
  }
  :root:not([data-theme=light]) body {
    color: #bbbbbb;
    background-color: #181818;
  }
  :root:not([data-theme=light]) a {
    color: #79b8ff;
  }
  :root:not([data-theme=light]) a:visited {
    color: #79b8ff;
  }
  :root:not([data-theme=light]) a:hover {
    color: #bbbbbb;
  }
  :root:not([data-theme=light]) blockquote {
    color: #999999;
    border-left-color: #404040;
  }
  :root:not([data-theme=light]) pre, :root:not([data-theme=light]) code {
    border-color: #404040;
    background-color: #212121;
  }
  :root:not([data-theme=light]) .highlight {
    background: #212121;
  }
  :root:not([data-theme=light]) .svg-icon {
    fill: #999999;
  }
  :root:not([data-theme=light]) table {
    color: #bbbbbb;
    border-color: #404040;
  }
  :root:not([data-theme=light]) table tr:nth-child(even) {
    background-color: #222222;
  }
  :root:not([data-theme=light]) table th {
    background-color: #313131;
    border-color: #4e4e4e;
  }
  :root:not([data-theme=light]) table td {
    border-color: #404040;
  }
  :root:not([data-theme=light]) .site-header {
    border-top-color: #999999;
    border-bottom-color: #404040;
  }
  :root:not([data-theme=light]) .site-title, :root:not([data-theme=light]) .site-title:visited {
    color: #a6a6a6;
  }
  :root:not([data-theme=light]) .site-nav {
    background-color: #181818;
    border-color: #404040;
  }
  :root:not([data-theme=light]) .site-nav .page-link {
    color: #bbbbbb;
  }
  :root:not([data-theme=light]) .site-nav .menu-icon > svg {
    fill: #999999;
  }
  :root:not([data-theme=light]) .site-footer {
    border-top-color: #404040;
  }
  :root:not([data-theme=light]) .footer-col-wrapper, :root:not([data-theme=light]) .post-meta {
    color: #999999;
  }
  :root:not([data-theme=light]) .theme-toggle-moon {
    display: none;
  }
  :root:not([data-theme=light]) .theme-toggle-sun {
    display: inline-block;
  }
}
.theme-toggle {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}
.theme-toggle .theme-toggle-icon {
  display: inline-block;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.theme-toggle .theme-toggle-sun {
  display: none;
}

@media screen and (max-width: 600px) {
  .site-nav .theme-toggle {
    display: block;
    margin-left: auto;
    padding: 5px 10px;
  }
}

/*# sourceMappingURL=theme.css.map */