:root {
  color-scheme: light dark;
  --background-body: #ffffff;
  --background: #f8f8f8;
  --background-alt: #eeeeee;
  --text-main: #000000;
  --text-bright: #000000;
  --text-muted: #545454;
  --code: #000000;
  --links: #d32f2f;
  --focus: #d32f2f;

  --border: #545454;
  --selection: #d32f2f;
  --scrollbar-thumb: #d32f2f;
  --scrollbar-thumb-hover: #ad4d7b;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-body: #000000;
    --background: #121212;
    --background-alt: #1e1e1e;
    --text-main: #ffffff;
    --text-bright: #ffffff;
    --text-muted: #a0a0a0;
    --code: #ffffff;

    --links: #ff5252;
    --focus: #ff5252;
  }
}

::selection {
  color: #ffffff;
}

section {
  margin-bottom: 3rem;
}

footer {
  text-align: center;
}