@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-tertiary: #f9f7e8;

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

html,
body {
    @apply text-white bg-black;
}
