@import "tailwindcss";

@theme {
    --font-sans:
        "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --color-yellow-primary: #ffcf82;
    --color-yellow-secondary: #f2ebe1;
    --color-yellow-terciary: #f9f7e8;

    --color-green-primary: #2e3524;
    --color-green-secondary: #8cd366;
    --color-green-terciary: #83926d;
    --color-green-support: #c9fcad;
    --color-green-pastel: #f9fff6;
    --color-green-light: #cad9b4;
    --color-green-dark: #4e8630;
}

html,
body {
    @apply text-green-primary dark:text-white;
    @apply bg-green-pastel dark:bg-gray-900;

    @media (prefers-color-scheme: dark) {
        color-scheme: dark;
    }
}