/* Global styles for performance optimization */

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

/* Font optimization */
body {
  font-display: optional;
  text-rendering: optimizeSpeed;
}

/* Image rendering optimization */
img {
  image-rendering: auto;
}

/* Animation performance */
.will-change-transform {
  will-change: transform;
}

.will-change-opacity {
  will-change: opacity;
}

/* Reduce layout shifts */
.content-visibility-auto {
  content-visibility: auto;
}

/* Prevent FOIT (Flash of Invisible Text) */
.font-display-swap {
  font-display: swap;
}

/* Optimize transitions */
.transition-gpu {
  transition-property: transform, opacity;
  transform: translateZ(0);
}