@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }
  /* Fiks header üçün anker offset */
  [id] {
    scroll-margin-top: 96px; /* header hündürlüyünə görə tənzimlə */
  }
}

@layer utilities {
  /* Tailwind-in .container sinfini override etməyək, lazım olsa ayrıca wrapper istifadə et */
  .text-balance { text-wrap: balance; }
  .wrapper { @apply mx-auto px-4 max-w-7xl; } /* istəsən bu sinfi markup-da istifadə et */
}

/* Custom animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp { animation: fadeInUp 0.6s ease-out; }

/* BUNU SİLİRİK — universal transition performansı aşağı sala bilər */
/* * { transition-duration: 200ms; } */

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #2563eb; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1d4ed8; }

/* Image loading optimization */
img { height: auto; max-width: 100%; }

/* Focus styles for accessibility */
button:focus,
a:focus {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}