html {
  --palette-yellow:  #FEF346;
  --palette-pink:  #ed0a95;
}

html,
body {
  --foreground-color: var(--palette-pink);
  --background-color: var(--palette-yellow);
  padding: 0;
  margin: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  color: var(--foreground-color);
  background-color: var(--background-color);
  min-height: 100vh;
}

a {
  color: inherit;
}

* {
  box-sizing: border-box;
}



@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
  body {
    --foreground-color: var(--palette-yellow);
    --background-color: var(--palette-pink);
    }
}