@media (prefers-color-scheme: light) {
  :root {
    --selection: rgba(92, 54, 131, 0.7);
    --visited: #005cc5;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --selection: rgba(124, 75, 173, 0.5);
    --visited: #8be9fd;
  }
}

:root {
  --font-size: 17px;
}

html {
  font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: var(--font-size);
  scroll-behavior: smooth;
}

::selection {
  color: rgb(255, 255, 255);
  background: var(--selection);
}