/* Site-specific custom CSS */

/* ─── Typography ─── */

body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.card-title,
.stat-value,
.footer-title {
  font-family: 'Fraunces', Georgia, serif;
}

/* ─── Testimonials Carousel ─── */

.carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.carousel-item {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* ─── Nav menu text size — DaisyUI defaults to 14px, bring to 15px ─── */

.navbar .menu li a {
  font-size: 0.9375rem; /* 15px */
  font-weight: 500;
}

/* ─── Active menu item styling ─── */

.menu a.active {
  background-color: #0066CC;
  color: white;
}

/* ─── Card hover micro-interactions ─── */

.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.12), 0 8px 16px -4px rgba(0, 0, 0, 0.08);
}

/* ─── Stat block hover ─── */

.stat {
  transition: transform 0.2s ease;
}

.stat:hover {
  transform: scale(1.02);
}

/* ─── Button transitions ─── */

.btn {
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

.btn:active {
  transform: scale(0.98);
}

/* ─── Nav link transitions ─── */

.menu a {
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* ─── Hero background treatment ─── */

.hero-section {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, #e8f2ff 0%, #f8fbff 50%, transparent 100%);
}

/* ─── Stats dark section ─── */

.stats-dark {
  background: oklch(0.22 0.06 257);
  color: oklch(0.95 0.01 257);
}

.stats-dark .stat-label {
  color: oklch(0.7 0.05 257);
}