@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-black dark:text-white;
  @apply bg-gray-50/50 dark:bg-gray-900;

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