/* Tailwind base (already included via CDN) overrides and custom theme */

/* Typography */
.h1 {
  @apply text-3xl sm:text-4xl font-semibold text-slate-800;
}
.h2 {
  @apply text-xl font-semibold text-slate-800;
}
.h3 {
  @apply text-lg font-medium text-slate-700;
}

/* Panels (cards) */
.panel {
  @apply bg-white rounded-2xl shadow p-6;
}

/* Buttons */
.btn {
  @apply inline-flex items-center justify-center px-4 py-2 rounded-lg
         bg-sky-600 text-white font-medium hover:bg-sky-700 transition;
}
.btn-outline {
  @apply inline-flex items-center justify-center px-4 py-2 rounded-lg
         border border-sky-600 text-sky-600 font-medium hover:bg-sky-50 transition;
}

/* Form elements */
.input, .textarea, .select {
  @apply w-full rounded-lg border border-slate-300 px-3 py-2
         focus:outline-none focus:ring-2 focus:ring-sky-500;
}
.textarea {
  @apply resize-y;
}

/* Status badges */
.badge {
  @apply inline-block px-2 py-1 rounded-full text-xs font-medium;
}
.badge-green { @apply bg-green-100 text-green-700; }
.badge-red   { @apply bg-red-100 text-red-700; }
.badge-amber { @apply bg-amber-100 text-amber-700; }

/* Body background */
body {
  @apply bg-slate-50;
}