/* src/index.css */
:root {
  --text-color: lch(15% 50 140);
  --background: lch(98% 5 140);
  --buttonground: lch(95% 50 140);
  --middleground: lch(35% 50 140 / .3);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: lch(15% 50 140);
    --text-color: lch(98% 5 140);
    --buttonground: lch(35% 50 140);
    --middleground: lch(95% 50 140 / .3);
  }
}

* {
  color: var(--text-color);
}

body {
  background-color: var(--background);
  height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  font-family: sans-serif;
}

html, body {
  overscroll-behavior-y: none;
  height: calc(100dvh - 2em);
}

h1, h2 {
  text-align: center;
}