:root {
  color-scheme: dark;
  scrollbar-color: rgba(139, 92, 246, 0.85) rgba(255, 255, 255, 0.04);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 0.8rem;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(139, 92, 246, 0.85), rgba(45, 212, 191, 0.85));
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(167, 139, 250, 0.92), rgba(94, 234, 212, 0.92));
  background-clip: padding-box;
}