/* Light/dark theme additions. The light palette remains the site's default. */
html {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

.masthead-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.masthead-title {
  min-width: 0;
}

.theme-toggle {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  margin-top: 0.1rem;
  padding: 0;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  color: #505050;
  background: transparent;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}

.theme-toggle:hover {
  color: #2578d0;
  background-color: #f2f2f2;
}

.theme-toggle:focus-visible {
  outline: 2px solid #2578d0;
  outline-offset: 2px;
}

html[data-theme="dark"] body {
  color: #e4e6e8;
  background-color: #17191c;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .post-title,
html[data-theme="dark"] .post-title a,
html[data-theme="dark"] .masthead-title,
html[data-theme="dark"] .masthead-title a {
  color: #f0f1f2;
}

html[data-theme="dark"] strong,
html[data-theme="dark"] .about-copy strong,
html[data-theme="dark"] .publication-title {
  color: #fff;
}

html[data-theme="dark"] a strong,
html[data-theme="dark"] .content .about-copy a strong {
  color: inherit;
}

html[data-theme="dark"] .masthead-title small {
  color: #9da4ac;
}

html[data-theme="dark"] .theme-base-0e-grey .content a,
html[data-theme="dark"] .theme-base-0e-grey .related-posts li a:hover,
html[data-theme="dark"] .content .about-copy a {
  color: #78b7fa;
}

html[data-theme="dark"] .about-copy .about-highlight,
html[data-theme="dark"] authors {
  color: #d18bc4;
}

html[data-theme="dark"] .highlighted-container,
html[data-theme="dark"] tbody tr:nth-child(odd) td,
html[data-theme="dark"] tbody tr:nth-child(odd) th {
  color: #e4e6e8;
  background-color: #23272c;
}

html[data-theme="dark"] .other-links,
html[data-theme="dark"] .masthead,
html[data-theme="dark"] .related {
  border-color: #363b42;
}

html[data-theme="dark"] hr {
  border-top-color: #363b42;
  border-bottom-color: #17191c;
}

html[data-theme="dark"] table,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] .pagination-item {
  border-color: #424850;
}

html[data-theme="dark"] code,
html[data-theme="dark"] pre,
html[data-theme="dark"] .message {
  background-color: #23272c;
}

html[data-theme="dark"] code {
  color: #ee8992;
}

html[data-theme="dark"] blockquote,
html[data-theme="dark"] .message {
  color: #aeb4bb;
}

html[data-theme="dark"] blockquote {
  border-left-color: #424850;
}

html[data-theme="dark"] a.pagination-item:hover {
  background-color: #23272c;
}

html[data-theme="dark"] .theme-toggle {
  color: #f0f1f2;
  border-color: #555c65;
}

html[data-theme="dark"] .theme-toggle:hover {
  color: #ffd166;
  background-color: #23272c;
}