@import "modern-normalize/modern-normalize.css";

:root {
  color-scheme: dark;
}

html, body, #app {
  overscroll-behavior: none;
  width: 100dvw;
  height: 100dvh;
  font-family: "Manrope Variable", sans-serif;
  user-select: none;
  background: black;
  color: white;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 10%);

  &:hover {
    background: rgb(255 255 255 / 20%);
  }
}

::selection {
  background: rgba(255 255 255 / 20%)
}

a {
  text-decoration: none;
  color: currentColor;
}

button {
  background: transparent;
  border: none;
  color: inherit;
  font: inherit;
  padding: 0;

  &:focus-visible {
    outline: solid 2px theme("colors.blue.400");
    outline-offset: 1px;
  }
}