/* Final browser-safe palette. Keep this stylesheet last in the document. */
:root {
  color-scheme: dark;
  --background: #080f15;
  --foreground: #f5f4ed;
  --primary: #e9be60;
  --border: #32434d;
}

html,
body {
  min-height: 100%;
  background-color: #080f15 !important;
  color: #f5f4ed;
}

body,
header,
main,
footer {
  forced-color-adjust: none;
}

.masthead,
main,
.story,
footer {
  background-color: #080f15;
}

.soundtrack {
  background-color: #0b171f;
}

.hero {
  background-color: #08121a;
  background-image:
    radial-gradient(ellipse at 84% 38%, rgba(24, 60, 72, 0.42), transparent 56%),
    linear-gradient(115deg, #08121a 0%, #0a161e 58%, #071016 100%);
}

.episodes {
  background-color: #09151d;
}

.chapters {
  background-color: #0d1921;
}

.waitlist,
.waitlist.waitlist-redesign {
  background-color: #08121a;
}

footer {
  border-top: 1px solid #32434d;
  color: #9caeb7;
}

footer .wordmark,
footer p {
  color: #9caeb7;
}

input,
select,
textarea {
  color-scheme: dark;
}