/* Shared styles for all sections */

/* Custom CSS variables for consistency */
:root {
  --primary: #2e9850;
  --primary-dark: #216d39;
  --primary-light: #34ab5a;
  --accent: #ff9800;
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Base font family */
body {
  font-family: var(--font-family);
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom utilities that complement Tailwind */
.transition-all-300 {
  transition: all 0.3s ease-in-out;
}

/* Loading spinner */
.spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}