:root {
--primary-color: #4183c4;
--color-text: #212121;
--background-color: #fff;
--background-color-secondary: #eee;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary-color: #87ab63;
    --color-text: #cbd0da;
    --background-color: rgb(34, 39, 51);
    --background-color-secondary: #ffffff16;
  }
}

* {
  scrollbar-color: var(--primary-color) transparent;
}

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

a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

body {
  padding: 16px;
}

th:first-child {
  width: 160px;
}

blockquote {
  padding-left: 16px;
  border-left: 2px solid;
  background-color: var(--background-color-secondary);
}