@layer reset {
  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
  img, svg { display:block; max-width:100%; }
  a { text-decoration:none; color:inherit; }
  ul { list-style:none; }
}

@layer base {
  html { scroll-behavior:smooth; }
  body {
    font-family: var(--font);
    background:  var(--black);
    color:       var(--white);
    overflow-x:  hidden;
    -webkit-font-smoothing: antialiased;
  }
  ::selection { background: var(--white); color: var(--black); }
}