:root {
  --mainColor: #15202b;
  --secondaryColor: #192734;

  --borderColor: #164d56;

  --mainText: #fff;
  --secondaryText: #eeeeee;

  --themeDotBorder: #fff;

  --previewBg: rgb(25, 39, 52, 0.8);
  --previewShadow: #111921;

  --buttonColor: #17a2b8;
}

::-webkit-scrollbar-track {
  /* background: hsl(120 75% 50% / 1); */
  background: #15202b;
  box-shadow: inset 0 0 5px #15202b;
  /* border-radius: 100vw; */
  margin-block: 0.005em;
}

::-webkit-scrollbar-thumb {
  background: #17a2b8;
  border: 1px solid #29e2ff;
  border-radius: 100vw;
}

::-webkit-scrollbar-thumb:hover {
  background: #137d8e;
  ;
}

#nav-link:hover {
  background: var(--buttonColor);
  color: var(--buttonColor);
}