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

@layer base {}

:root {
    --yellow: 255 245 0;

    --green: 0 128 0;
    --red: 255 0 0;

    --white: 255 255 255;
    --grey: 128 128 128;

    --black-default: 24 24 24;
    --black-light: 31 31 31;

    --purple-default: 143 0 255;
    --purple-dark: 75 0 136;
}

option {
    color: rgb(var(--white));
    background-color: rgb(var(--black-default));
}

::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

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

select::-webkit-scrollbar-track {
    background: rgb(var(--black-default))
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--grey));
    border-radius: 0.25rem;
}

::-webkit-scrollbar-corner {
    background: inherit;
}