html {
  scrollbar-width: thin;
  scrollbar-color: #9ca3af #e5e7eb;
}

html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html::-webkit-scrollbar-track {
  @apply bg-gray-200;
}

html::-webkit-scrollbar-thumb {
  @apply bg-gray-400 rounded;
}

html::-webkit-scrollbar-thumb:hover {
  @apply bg-gray-500;
}

html.dark-scrollbars {
  scrollbar-color: #374151 #111827;
}

html.dark-scrollbars::-webkit-scrollbar-track {
  @apply bg-gray-900;
}

html.dark-scrollbars::-webkit-scrollbar-thumb {
  @apply bg-gray-700;
}

html.dark-scrollbars::-webkit-scrollbar-thumb:hover {
  @apply bg-gray-600;
}