/*
    Base colors :D
*/
@media (prefers-color-scheme: light) {
    :root {
        --c-primary: #895100;
        --c-on-primary: #ffffff;
        --c-primary-container: #ffdcbd;
        --c-on-primary-container: #2c1600;
        --c-background: #fffbff;
        --c-on-background: #fffbff;
        --c-surface: #fffbff;
        --c-on-surface: #201b16;
        --c-outline: #837568;
        --c-surface-variant: #f2dfd0;
        --c-on-surface-variant: #50453a;
    }
}

:root {
    --c-primary: #ffb86d;
    --c-on-primary: #492900;
    --c-primary-container: #683c00;
    --c-on-primary-container: #ffdcbd;
    --c-error: #ffb4ab;
    --c-on-error: #690005;
    --c-error-container: #93000a;
    --c-on-error-container: #ffdad6;
    --c-background: #201b16;
    --c-on-background: #ebe1d9;
    --c-surface: #201b16;
    --c-on-surface: #ebe1d9;
    --c-outline: #9d8e81;
    --c-surface-variant: #50453a;
    --c-on-surface-variant: #d5c3b5;
}

body {
    background-color: var(--c-background);
    color: var(--c-on-background);
    font-family: Inter, "Inter Nerd Font", sans-serif;
}

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