css reset

reset.css

:root {
  --font-color-light: black;
  --font-color-dark: white;
}

@media (prefers-color-scheme: light) {
  :root {
    --font-color: var(--font-color-light);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --font-color: var(--font-color-dark);
  }
}

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

*,
*::after,
*::before {
  box-sizing: inherit;
}

html {
  color-scheme: dark light;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-padding-top: 4rem;
    scroll-behavior: smooth;
  }
}

body {
  color: var(--font-color);
  min-height: 100svh;
}

img,
video,
svg,
picture {
  display: block;
  width: 100%;
}

input,
textarea,
button,
select {
  font: inherit;
}

button {
  cursor: pointer;
}