/* Story pages: white in light mode, follow the OS/browser in dark mode.
   Pages with their own coloured backgrounds do not load this file. */
:root {
  color-scheme: light dark;
  --story-bg: #ffffff;
  --story-text: #000000;
  --story-link: #000066;
  --story-accent: #660000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --story-bg: #181716;
    --story-text: #e2ded6;
    --story-link: #a9b8ff;
    --story-accent: #f08c84;
  }
}

body.story {
  background-color: var(--story-bg);
  color: var(--story-text);
}

.story a:link,
.story a:visited {
  color: var(--story-link);
}

.story-title,
.story-heading {
  color: var(--story-accent);
}