:root {
  --color-bg: white;
  --color-fg: black;
  --color-primary: DeepSkyBlue;

  --ff-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --ff-monospace: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo,
    Courier, monospace;
  --ff-serif: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua",
    Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: black;
    --color-fg: white;
    --color-primary: DeepSkyBlue;
  }
}

body {
  background-color: var(--color-bg);
  color: var(--color-fg);

  font-size: 16px;
  font-family: var(--ff-sans-serif);
  line-height: "1.4";
  overflow: hidden;
}