:root {
  color-scheme: light dark;
  --text-primary: light-dark(hsl(0 0 10), hsl(0 0 90));
  --text-secondary: light-dark(hsl(0 0 30), hsl(0 0 70));
  --background-primary: light-dark(hsl(0 0 95), hsl(0 0 15));
  --background-secondary: light-dark(hsl(0 0 90), hsl(0 0 25));
}

html {
  background-color: var(--background-primary);
  color: var(--text-primary);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
  max-width: 1024px;
  margin-inline: auto;
  padding: 24px 48px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}