@import "tailwindcss";

::-webkit-scrollbar {
  width: 12px; /* Adjust as needed */
  height: 12px; /* For horizontal scrollbars */
  background-color: #2a2a2a; /* Dark background for the entire scrollbar area */
}

::-webkit-scrollbar-track {
  background: #1a1a1a; /* Even darker track */
  border-radius: 10px; /* Optional: rounded corners for the track */
}

::-webkit-scrollbar-thumb {
  background-color: #525252; /* Medium dark color for the thumb */
  border-radius: 10px; /* Optional: rounded corners for the thumb */
  border: 2px solid #3d3d3d; /* Optional: border around the thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #6a6a6a; /* Lighter color on hover */
}