@tailwind base;
@tailwind components;
@tailwind utilities;

::-webkit-scrollbar-track {
  background: #f9fafb; /* Track background color */
}

/* Style the scrollbar handle */
::-webkit-scrollbar-thumb {
  background: #e5e7eb; /* Handle color */
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d1d5db; /* Handle color on hover */
}

.dark-scrollbar::-webkit-scrollbar-thumb {
  background: #c7cdd2; /* Handle color */
  border-radius: 10px;
}

.dark-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #989a9c; /* Handle color on hover */
}

::-webkit-scrollbar {
  width: 8px; /* Vertical scrollbar width */
  height: 8px; /* Horizontal scrollbar height */
}
