:root {
  --scroll-bar-color: #cbd5e1;
  --scroll-bar-track-color: transparent;
}

html[data-theme="dark"] {
  --scroll-bar-color: #64748b;
  --scroll-bar-track-color: transparent;
}

::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: var(--scroll-bar-track-color);
}

::-webkit-scrollbar-thumb {
  background: var(--scroll-bar-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-bar-color);
}