/* Dark surfaces: flat near-black, and what changes colour on them. */

.dark {
  position: relative;
  overflow: hidden;
  background: var(--deep);
  color: #e8ebe6;
}

.dark > .wrap,
.dark .site-header {
  position: relative;
  z-index: 1;
}

.dark h1,
.dark h2,
.dark h3 {
  color: var(--sheet);
}

.dark .sub,
.dark .note {
  color: var(--mist);
}

.dark .nav-links a {
  color: var(--mist);
}

.dark .nav-links a:hover,
.dark .nav-links a[aria-current="page"] {
  color: var(--sheet);
}

.dark .nav-toggle,
.dark .nav-links {
  border-color: var(--line-dark);
}

.dark .button-ghost {
  background: transparent;
  color: var(--sheet);
  border-color: rgba(255, 255, 255, 0.3);
}