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

:root {
    --sidebar-width: 280px;
}

body {
    background-color: rgb(249 250 251);
    color: rgb(17 24 39);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Custom scrollbar for better look */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgb(209 213 219);
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(156 163 175);
}