/* Tailwind via CDN; this file holds small shared styles and overrides */

:root {
  --primary: #2563eb; /* Tailwind blue-600 */
}

.btn-primary {
  @apply inline-flex items-center justify-center rounded-md bg-blue-600 px-4 py-2 text-white text-sm font-medium shadow hover:bg-blue-700 transition;
}
.btn-secondary {
  @apply inline-flex items-center justify-center rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-800 hover:bg-gray-50 transition;
}
.btn-white {
  @apply inline-flex items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium text-blue-700 hover:bg-blue-50 transition;
}
.btn-outline-white {
  @apply inline-flex items-center justify-center rounded-md border border-white/70 text-white px-4 py-2 text-sm font-medium hover:bg-white/10 transition;
}
.nav-link {
  @apply text-gray-700 hover:text-blue-600 transition;
}
.nav-link.active {
  @apply text-blue-600 font-medium;
}
.section-title {
  @apply text-xl md:text-2xl font-semibold;
}
.card {
  @apply bg-white rounded-xl border border-gray-100 p-4 hover:shadow-md transition;
}
.card-title {
  @apply mt-4 font-semibold text-lg;
}
.card-text {
  @apply mt-2 text-sm text-gray-600 leading-6;
}
.stat-card {
  @apply bg-white border border-gray-100 rounded-lg px-3 py-2;
}
.image-cover {
  @apply w-full object-cover;
}
.link {
  @apply text-blue-600 hover:text-blue-700 hover:underline;
}
.footer-title {
  @apply font-semibold mb-3;
}
.footer-list {
  @apply space-y-2 text-sm text-gray-700;
}
.case-tile {
  @apply bg-white border border-gray-100 rounded-xl overflow-hidden hover:shadow-md transition block;
}
.prose-p {
  @apply text-gray-700 leading-8;
}
.kpis {
  @apply grid sm:grid-cols-2 lg:grid-cols-4 gap-4;
}
.kpi {
  @apply bg-white rounded-xl border border-gray-100 p-5;
}
.kpi .num {
  @apply text-2xl font-semibold text-blue-600;
}
.kpi .label {
  @apply text-sm text-gray-600 mt-1;
}