:root {
  --bg: #f4f4f4;
  --border: #2f4f4f;
  --accent-bg: #e9e9e9;
  --text: #212121;
  --accent: rgb(77, 32, 190);
  --accent-hover: mediumvioletred;
  --marked: gold;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root,
  ::backdrop {
    color-scheme: dark;
    --bg: #111212;
    --border: #505a5a;
    --accent-bg: #212121;
    --text: ghostwhite;
    --accent: lightskyblue;
    --accent-hover: lightblue;
    --marked: gold;
  }
}

/* Make body text serif */
:root {
--body-font: Georgia, "Times New Roman", serif;
}
p {
  font-family: var(--body-font);
}