/* Performance Optimizations */

/* Preload critical fonts */
@font-face {
  font-family: 'Tajawal';
  font-display: swap;
  src: url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');
}

/* Lazy loading for images */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s;
}

img[loading="lazy"].loaded {
  opacity: 1;
}

/* Reduce layout shift */
.hero-section {
  min-height: 100vh;
  contain: layout style paint;
}

/* Optimize animations */
.animate-pulse {
  will-change: opacity;
}

/* Critical CSS inlining */
.above-fold {
  contain: layout style paint;
}

/* Optimize scrolling */
.smooth-scroll {
  scroll-behavior: smooth;
}

/* Reduce paint complexity */
.complex-bg {
  will-change: transform;
  transform: translateZ(0);
}