/* Main-site theme skin. It deliberately leaves artwork media untouched. */

.theme-mode-toggle {
  display: inline;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}

.theme-mode-toggle:hover {
  color: #ff8800 !important;
}

.theme-mode-toggle:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

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

html[data-theme="dark"] body {
  background: #050505;
  color: #e9e2d7;
}

html[data-theme="dark"] header,
html[data-theme="dark"] footer,
html[data-theme="dark"] main,
html[data-theme="dark"] article,
html[data-theme="dark"] section,
html[data-theme="dark"] nav {
  background-color: transparent;
  color: #e9e2d7;
}

html[data-theme="dark"] a,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] .bio,
html[data-theme="dark"] .theme-mode-toggle {
  color: #e9e2d7 !important;
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] .theme-mode-toggle:hover {
  color: #ff8800 !important;
}

html[data-theme="dark"] #gm-back-link,
html[data-theme="dark"] #guide-mode-link,
html[data-theme="dark"] #screening-room-link,
html[data-theme="dark"] #private-share-link,
html[data-theme="dark"] #john-nav-dino-link,
html[data-theme="dark"] #john-nav-magicien-link {
  color: #e9e2d7 !important;
}

html[data-theme="dark"] #gm-back-link:hover,
html[data-theme="dark"] #guide-mode-link:hover,
html[data-theme="dark"] #screening-room-link:hover,
html[data-theme="dark"] #private-share-link:hover,
html[data-theme="dark"] #john-nav-dino-link:hover,
html[data-theme="dark"] #john-nav-magicien-link:hover {
  color: #ff8800 !important;
}

html[data-theme="dark"] figcaption,
html[data-theme="dark"] figcaption p,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] th {
  color: #e9e2d7;
}

html[data-theme="dark"] table,
html[data-theme="dark"] tr,
html[data-theme="dark"] td,
html[data-theme="dark"] th {
  border-color: #50483d;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .hr {
  background-color: #50483d;
  color: #50483d;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] button {
  color: #e9e2d7;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #090909;
  border-color: #50483d;
}

html[data-theme="dark"] ::selection {
  background: #ff8800;
  color: #050505;
}

html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] canvas,
html[data-theme="dark"] iframe {
  filter: none !important;
}

html[data-theme="dark"] .mobile-site-nav-toggle,
html[data-theme="dark"] .mobile-site-nav-panel {
  border-color: #5b5348;
  background: rgba(5, 5, 5, .96);
  color: #e9e2d7;
  box-shadow: 0 -12px 28px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .mobile-site-nav-action,
html[data-theme="dark"] .mobile-site-nav-project {
  border-bottom-color: #39332c;
  color: #e9e2d7;
}

html[data-theme="dark"] .mobile-site-nav-project.is-active,
html[data-theme="dark"] .mobile-site-nav-action:focus-visible,
html[data-theme="dark"] .mobile-site-nav-project:focus-visible {
  background: #16130f;
}

html[data-theme="dark"] .mobile-site-nav-hint {
  color: #b2a99d;
}

html[data-theme="dark"] .gll-footer-access,
html[data-theme="dark"] .gll-footer-access a,
html[data-theme="dark"] .gll-footer-access button {
  color: #e9e2d7 !important;
}

html[data-theme="dark"] .gll-footer-access button {
  border-color: currentColor;
  background: transparent;
}

html[data-theme="dark"] .gll-footer-modal-overlay {
  background: rgba(0, 0, 0, .68);
}

html[data-theme="dark"] .gll-footer-modal,
html[data-theme="dark"] .gll-message-modal,
html[data-theme="dark"] .gll-password-modal {
  border-color: #5b5348;
  background: #070707;
  color: #e9e2d7;
}

html[data-theme="dark"] .gll-footer-modal input,
html[data-theme="dark"] .gll-footer-modal textarea,
html[data-theme="dark"] .gll-message-modal input,
html[data-theme="dark"] .gll-message-modal textarea,
html[data-theme="dark"] .gll-password-modal input,
html[data-theme="dark"] .gll-password-modal textarea {
  border-color: #5b5348;
  background: #0d0d0d;
  color: #e9e2d7;
}

html[data-theme="dark"] .gll-footer-modal button,
html[data-theme="dark"] .gll-message-modal button,
html[data-theme="dark"] .gll-password-modal button {
  border-color: #5b5348;
  background: transparent;
  color: #e9e2d7;
}