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

@theme {
  --color-racing-green-dark: #1a4d3a;
  --color-racing-green: #1e5f4a;
  --color-racing-green-light: #2d7a5f;
  --color-racing-cream-light: #fefef0;
  --color-racing-cream: #faf8f0;
  --color-racing-cream-dark: #f5f3e8;
  --color-racing-gold-light: #e6c570;
  --color-racing-gold: #d4a843;
  --color-racing-gold-dark: #c09430;
}

:root {
  --background: #faf8f0;
  --foreground: #1a4d3a;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}