@import "tailwindcss";

*,
*::before,
*::after,
*::-webkit-scrollbar {
    box-sizing: border-box;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

*::-webkit-scrollbar {
    display: none;
}

body {
    margin: 0;
}

@theme {
    --color-background: #cbd5e1;
    --color-text: #273343;

    /* constants */
    --color-primary: #16a795;
    --color-warning: #eedd55;
    --color-information: #0ea5e9;
    --color-error: #ef4444;
    --color-success: #22c55e;
}

[data-theme="dark"] {
    --color-background: #273343;
    --color-text: #cbd5e1;
}