/* Dark mode colors */
:root.dark-mode {
  /* Override reset.css variables */
  --bgcolor: #1a1a1a;
  --fontcolor: #e0e0e0;
  --linkcolor: #6c6cf8;
  --visitedcolor: #8a7ac5;
  --precolor: #e0e0e0;
  --prebgcolor: #333;
}

/* Apply variables to elements */
body {
  background-color: var(--bgcolor);
  color: var(--fontcolor);
}

.theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  padding: 5px;
  font-size: 1.2rem;
}

.theme-toggle:focus {
  outline: none;
}

.dark-mode #brand a {
  color: var(--fontcolor);
}

.dark-mode #brand .icon {
  filter: invert(1);
}

.dark-mode blockquote.warning {
  background-color: darkred;
}

.dark-mode blockquote.note {
  background-color: #00468b;
}