:root {
  color-scheme: dark;
  --bg: #070b0a;
  --bg-2: #101615;
  --ink: #f4efe6;
  --muted: #9aa49c;
  --line: rgba(244, 239, 230, 0.1);
  --gold: #d8b07a;
  --text: #f4efe6;
  --text-muted: #9aa49c;
  --surface: #101615;
  --border: rgba(244, 239, 230, 0.12);
}
html, body.harbor-page {
  background: #070b0a;
  color: #f4efe6;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 16px;
}
body.harbor-page .site-header .brand {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 28px;
  font-style: italic;
  color: #f4efe6;
}
#app, #overlay, #toast {
  --bg: #101615;
  --surface: #161c1a;
  --surface-hover: #1c2421;
  --surface-raised: #222a27;
  --input-bg: #0d1210;
  --border: rgba(244, 239, 230, 0.12);
  --text: #f4efe6;
  --text-muted: #9aa49c;
  --text-dim: #6d7670;
  --blue: #d8b07a;
  --green: #c8d5c4;
  --amber: #d8b07a;
  --red: #ff8a7a;
  --today: #d8b07a;
  color-scheme: dark;
}
body.harbor-page #app {
  min-height: auto;
  width: min(1240px, calc(100% - 40px));
  margin: 8px auto 64px;
  padding: 8px 0 0;
  background: transparent;
  color: #f4efe6;
  font-size: 14px;
  border: 0;
}
body.harbor-page #app .btn {
  background: transparent;
  color: #f4efe6;
  box-shadow: inset 0 0 0 1px rgba(244, 239, 230, 0.22);
  border-radius: 999px;
  min-height: 40px;
}
body.harbor-page #title {
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  font-size: 28px;
}