/* --- TAILWIND DIRECTIVES --- */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* --- BASE STYLES --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #09090b; /* zinc-950 */
    color: #fafafa; /* zinc-50 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- CUSTOM SCROLLBAR --- */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #09090b;
}
::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 5px;
    border: 2px solid #09090b;
}
::-webkit-scrollbar-thumb:hover {
    background: #ef4444; /* red-500 */
}

/* --- SELECTION --- */
::selection {
    background: rgba(239, 68, 68, 0.2);
    color: #ffffff;
}