:root {
  --ink: #fff;
  --muted: rgb(255 255 255 / 68%);
  --glass: rgb(255 255 255 / 10%);
  --glass-border: rgb(255 255 255 / 22%);

  --nav-shadow: 0px -8px 25px #ffffff30 inset;
  --nav-link-color: rgb(255, 255, 255);
  --nav-link-hover-background: rgb(255 255 255 / 14%);
  --nav-link-hover-color: var(--ink);
  --nav-link-current-shadow: 0px 0px 12px #cacaca6e inset;
  --nav-link-current-color: var(--ink);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--glass-border) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-radius: 99px;
  background: var(--glass-border);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--muted);
  background-clip: padding-box;
}