/* Tailwind CSS Configuration */
@import url('https://cdn.tailwindcss.com');

/* Custom CSS Variables */
:root {
  --village-green: #457148;
  --hay-gold: #F0E68C;
  --hay-yellow: #DAA520;
}

/* Custom Tailwind Classes */
.bg-village-green { background-color: var(--village-green); }
.text-village-green { color: var(--village-green); }
.bg-hay-gold { background-color: var(--hay-gold); }
.text-hay-gold { color: var(--hay-gold); }
.bg-hay-yellow { background-color: var(--hay-yellow); }
.text-hay-yellow { color: var(--hay-yellow); }

/* Additional Custom Styles */
.transition-colors {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}