CSS index.css

@import "tailwindcss";

@theme {
  --color-heritage-green: #1b4332;
  --color-heritage-stone: #f5f5f4;
  --color-heritage-clay: #bc6c25;
  --color-heritage-cream: #fefae0;
}

@layer base {
  body {
    @apply bg-heritage-cream text-heritage-green;
    font-family: 'Inter', sans-serif;
  }
  
  h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
  }
}