/* Manual dark mode: toggled by adding .dark-mode to <html>. */

#theme-toggle {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 1000;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  transition: transform 0.2s ease;
}

#theme-toggle:hover {
  transform: scale(1.1);
}

html.dark-mode #theme-toggle {
  background: #2a2b33;
  border-color: #4a4b55;
}

html.dark-mode body {
  background-color: #1e1f26;
  color: #c9cacf;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
  color: #eeeff0;
}

html.dark-mode h2 {
  border-bottom-color: #3a3b44;
}

html.dark-mode a {
  color: #6cb8e6;
}

html.dark-mode a:hover {
  color: #8fcaf0;
}

html.dark-mode strong {
  color: #eeeff0;
}

html.dark-mode autocolor {
  color: #c9cacf;
}

html.dark-mode .social-icons a {
  color: #e0e1e6 !important;
}

html.dark-mode .social-icons a:hover {
  background-color: #2f3038;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

html.dark-mode .site-nav {
  border-top-color: #3a3b44;
}

html.dark-mode .site-nav a {
  color: #a7a8b0;
}

html.dark-mode .site-nav a:hover,
html.dark-mode .site-nav a.active {
  color: #ffffff;
}

html.dark-mode .timeline::before {
  background: #3a3b44;
}

html.dark-mode .timeline-item::before {
  background: #1e1f26;
  border-color: #e0e1e6;
}

html.dark-mode .timeline-institution {
  color: #b9bac2;
}

html.dark-mode .timeline-date {
  color: #85868e;
}

html.dark-mode .timeline-advisor {
  color: #9a9ba3;
}

html.dark-mode code,
html.dark-mode pre {
  color: #d5d6da;
}

html.dark-mode pre {
  background: #2a2b33;
  border-color: #3a3b44;
}

html.dark-mode hr {
  background: #3a3b44;
}

html.dark-mode th,
html.dark-mode dt {
  color: #e0e1e6;
}

html.dark-mode th,
html.dark-mode td {
  border-bottom-color: #3a3b44;
}

html.dark-mode section {
  border-color: #3a3b44;
}

html.dark-mode blockquote {
  border-left-color: #3a3b44;
}

/* Publications */
html.dark-mode .publications ol.bibliography li .title,
html.dark-mode .publications ol.bibliography li .title a {
  color: #ffffff;
}

html.dark-mode .publications ol.bibliography li .links a.btn {
  color: #e0e1e6;
  border-color: #e0e1e6;
}

html.dark-mode .publications ol.bibliography li .links a.btn:hover {
  color: #6cb8e6;
  border-color: #6cb8e6;
}

html.dark-mode .publications ol.bibliography li .teaser {
  background-color: #2a2b33;
  box-shadow: 3px 3px 6px #111;
}

/* Conference name uses an inline color, so !important is required */
html.dark-mode .periodical em {
  color: #e06c6c !important;
}

html.dark-mode .bibref pre {
  background: #2a2b33;
  border-color: #3a3b44;
}

html.dark-mode .bib-copy {
  background: #2a2b33;
  border-color: #4a4b55;
  color: #c9cacf;
}

html.dark-mode .bib-copy:hover {
  border-color: #e06c6c;
  color: #e06c6c;
}
