:root {
  --color-primary: #ff785a;
  --color-light: #fbf5f3;
  --color-dark: #2a2b2a;
}

* {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

@media (prefers-color-scheme: light) {
  html,
  body {
    background-color: var(--color-light);
    color: var(--color-dark);
  }

  a {
    color: var(--color-primary);
  }
}

@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: var(--color-dark);
    color: var(--color-light);
  }

  a {
    color: var(--color-primary);
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}