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

:root {
  --primary-color: #1e3a8a; /* blue-900 */
  --secondary-color: #f59e0b; /* amber-500 */
  --accent-color: #4f46e5; /* indigo-600 */
}

body {
  font-family: 'Inter', sans-serif;
}

.font-playfair {
  font-family: 'Playfair Display', serif;
}

.btn-primary {
  @apply bg-amber-500 hover:bg-amber-600 text-white font-bold py-3 px-8 rounded-lg transition duration-300;
}

.btn-secondary {
  @apply bg-transparent border-2 border-amber-500 text-amber-500 hover:bg-amber-500 hover:text-white font-bold py-3 px-8 rounded-lg transition duration-300;
}

.card-hover {
  @apply bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-amber-500;
}

.section-padding {
  @apply py-20;
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-secondary {
  background-color: var(--secondary-color);
}

.text-primary {
  color: var(--primary-color);
}

.text-secondary {
  color: var(--secondary-color);
}

.border-primary {
  border-color: var(--primary-color);
}

.border-secondary {
  border-color: var(--secondary-color);
}