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

:root {
  --primary-color: #fdfaf7; /* Off-white background like Lia Griffith */
  --accent-color: #8fa18e;  /* Sage green accent */
  --text-color: #4a4a4a;    /* Soft charcoal 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-[#8fa18e] text-white px-6 py-2 rounded-sm hover:bg-[#7a8c79] transition-colors duration-300;
}

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