@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

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

body {
    background-color: #030303;
    color: #ffffff;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #374151; /* gray-700 */
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4b5563; /* gray-600 */
}

/* Firefox support */
* {
    scrollbar-width: thin;
    scrollbar-color: #374151 transparent;
}

/* Dark Select Dropdowns */
select {
    color-scheme: dark;
}

select option {
    background-color: #161b22;
    color: white;
}