@import "tailwindcss";

@theme {
  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-secondary: #f1f5f9;
  --color-accent: #f59e0b;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-serif: "Playfair Display", serif;
}

body {
  font-family: var(--font-sans);
  @apply text-slate-800 bg-white;
}

h1, h2, h3, h4, h5, h6 {
  @apply font-bold tracking-tight text-slate-900;
}

.container {
  @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
}

.btn {
  @apply inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2;
}

.btn-primary {
  @apply bg-blue-700 text-white hover:bg-blue-800 focus:ring-blue-500;
}

.btn-secondary {
  @apply bg-slate-100 text-slate-900 hover:bg-slate-200 focus:ring-slate-500;
}

.btn-accent {
  @apply bg-amber-500 text-white hover:bg-amber-600 focus:ring-amber-500;
}