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

:root {
    --c-primary: #0ea5e9;
    --c-on-primary: white;


}

:root {
    --c-bg: #ecfeff;
    --c-on-bg: black;

    --c-bg-2: white;
}

@media (prefers-color-scheme: dark) {
    :root {
        --c-bg: #0a0a0a;
        --c-on-bg: white;

        --c-bg-2: #0f1c25;
    }
}

html {
    background-color: var(--c-bg);
    color: var(--c-on-bg);
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
}