/* Custom styles — extends Tailwind */

/* Smooth scroll offset for fixed navbar */
section[id] {
  scroll-margin-top: 80px;
}

/* Selection color */
::selection {
  background: rgba(22, 163, 74, 0.2);
  color: #14532d;
}

/* Focus styles */
a:focus-visible, button:focus-visible {
  outline: 2px solid #16a34a;
  outline-offset: 4px;
  border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fefdf8;
}
::-webkit-scrollbar-thumb {
  background: #bbf7d0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #86efac;
}

/* Mobile link hover */
.mobile-link {
  transition: background 0.2s, color 0.2s;
}
.mobile-link:hover {
  background: rgba(22, 101, 52, 0.06);
  color: #16a34a;
}

/* Subtle image hover zoom */
.feature-card img {
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.feature-card:hover img {
  transform: scale(1.03);
}

/* Ensure hero image cards have proper z-index */
.stat-card {
  z-index: 10;
}