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


.btn {
  @apply font-bold py-2 px-4 rounded;
}

.btn-primary {
  @apply bg-blue-500 text-white;
}

.btn-primary:hover {
  @apply bg-blue-700;
}

.btn-secondary {
  @apply bg-green-500 text-white;
}

.btn-secondary:hover {
  @apply bg-green-700;
}

.btn-danger {
  @apply bg-red-500 text-white;
}

.btn-danger:hover {
  @apply bg-red-700;
}

.form-input {
  @apply border-gray-300 rounded-md shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm;
}

.page {
  @apply text-gray-800 bg-white p-6 leading-relaxed max-w-3xl mx-auto;
}

.page h1 {
  @apply text-3xl font-bold mb-6;
}

.page h2 {
  @apply text-xl font-semibold mb-4;
}

.page p {
  @apply mb-4;
}

.page ul {
  @apply list-disc list-inside mb-4;
}

.page li {
  @apply mb-2;
}

.page strong {
  @apply font-semibold text-black;
}

.page section {
  @apply border-t border-gray-300 pt-6 mt-6;
}

/* Optional: remove top border from first section */
.page section:first-of-type {
  @apply border-t-0 pt-0 mt-0;
}

.page a{
  @apply text-green-500 hover:text-green-600 underline;
}