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

:root {
  --primary-color: #1e40af;
  --secondary-color: #f59e0b;
}

body {
  background-color: #f8fafc;
}

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

.btn-secondary {
  @apply bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-3 px-6 rounded-lg transition duration-300;
}

.property-card {
  @apply bg-white rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-xl hover:-translate-y-1;
}

.section-title {
  @apply text-3xl font-bold mb-4;
}

.section-subtitle {
  @apply text-gray-600 max-w-2xl mx-auto;
}