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

/* Custom styles if needed */
body {
    @apply bg-gray-50 text-zinc-900 dark:bg-zinc-950 dark:text-gray-100 transition-colors duration-300;
}

/* Scrollbar Styling */
/* Webkit (Chrome, Safari, Edge, Tauri) */

/* Light Mode Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

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

::-webkit-scrollbar-thumb {
    @apply bg-gray-300 rounded-full border-4 border-solid border-transparent bg-clip-content hover:bg-gray-400;
}

/* Dark Mode Scrollbar */
.dark ::-webkit-scrollbar-thumb {
    @apply bg-zinc-700 hover:bg-zinc-600;
}

/* Make the thumb thicker on hover if desired, but consistent look is better */
/* Corner */
::-webkit-scrollbar-corner {
    @apply bg-transparent;
}