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

:root {
  --primary-color: #2d5016; /* Dark forest green background */
  --accent-color: #8b6f47;  /* Tan brown accent */
  --cream-color: #faf9f6;   /* Cream/off-white accent */
  --text-color: #faf9f6;    /* Light cream text */
}

body {
  background-color: var(--primary-color);
  color: var(--text-color);
  font-family: 'Playfair Display', serif; /* Elegant serif font */
}

h1, h2, h3 {
  font-family: 'Montserrat', sans-serif; /* Clean sans-serif for headers */
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.btn-primary {
  @apply bg-[#2d5016] text-white px-6 py-2 rounded-sm hover:bg-[#234011] transition-colors duration-300;
}

.card {
  @apply bg-white shadow-sm border border-gray-100 overflow-hidden;
}