/* CUSTOM SLIM SCROLLBAR */
.custom-scrollbar {
  @apply overflow-y-auto;
  scrollbar-width: thin; /* Firefox slim scrollbar */
  scrollbar-color: theme('colors.primary.DEFAULT') transparent;
}

/* Webkit (Chrome, Edge, Safari) */
.custom-scrollbar::-webkit-scrollbar {
  width: 2px; /* slim vertical */
  height: 2px; /* slim horizontal */
}

.custom-scrollbar::-webkit-scrollbar-track {
  @apply bg-transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  @apply bg-primary rounded-full; /* use theme primary color */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  @apply bg-primary-dark; /* darker hover using your theme */
}