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

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb: 255, 255, 255;
        --background-start-rgb: 0, 0, 0;
        --background-end-rgb: 0, 0, 0;
    }
}

@font-face {
    font-family: "Cute Notes";
    src:
        url("/fonts/CuteNotes.woff2") format("woff2"),
        url("/fonts/CuteNotes.ttf") format("ttf");
}

body {
    /* font-family: "Cute Notes", sans-serif; */
    width: 100vw;
    height: 100vh;
}

@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}