:root {
  color-scheme: light;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.theme-toggle[hidden] {
  display: none;
}
.theme-toggle:hover .theme-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.theme-toggle svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.theme-sun {
  display: none;
}
:root[data-theme="dark"] .theme-sun {
  display: block;
}
:root[data-theme="dark"] .theme-moon {
  display: none;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e7e9dd;
  --paper: #182b2a;
  --coral: #e3a583;
  --muted: #b9c6bd;
  --line: #425650;
}
:root[data-theme="dark"] ::selection {
  background: #9c6d50;
  color: #fff5e4;
}
:root[data-theme="dark"] .site-header {
  background: linear-gradient(180deg, #142b2df2, transparent);
}
:root[data-theme="dark"] .hero {
  background: #223a36;
}
:root[data-theme="dark"] .scene-art {
  filter: brightness(0.72) saturate(0.85);
}
:root[data-theme="dark"] .scene-alpine {
  filter: none;
}
:root[data-theme="dark"] .hero-wash {
  background: linear-gradient(90deg, #102c2fba, transparent 90%);
}
:root[data-theme="dark"] h1 em {
  color: #efb394;
}
:root[data-theme="dark"] .button {
  background: #e7e9dd;
  border-color: #e7e9dd;
  color: #1b302c;
}
:root[data-theme="dark"] .button:hover {
  background: #f2d4b6;
  border-color: #f2d4b6;
}
:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .legal-page footer {
  background: #132322;
}
:root[data-theme="dark"] .legal-page .site-header {
  background: none;
}
:root[data-theme="dark"] .legal-status {
  background: #2e3c33;
}

:root[data-theme="dark"] .journey {
  background: var(--paper);
}
:root[data-theme="dark"] .journey-caption {
  background: #203330f5;
}

:root[data-theme="dark"] .field-journal {
  background: #253d37;
  border-color: #4f6259;
  box-shadow: 4px 5px 0 #10221e80;
}
:root[data-theme="dark"] .field-journal:before {
  background: #9e896580;
}
:root[data-theme="dark"] .journal-choice {
  border-color: #83978b70;
}
:root[data-theme="dark"] .journal-choice[aria-selected="false"]:hover {
  background: #324c43;
}
:root[data-theme="dark"] .journal-entry {
  border-color: var(--line);
}

:root[data-theme="dark"] .hero-social a {
  background: #142b2df2;
  border-color: #e7e9dd99;
}
:root[data-theme="dark"] .hero-social a:hover {
  background: #294740;
  border-color: var(--ink);
}
