/* ===== OPTIMIZED CSS IMPORTS ===== */
/* Import order optimized for performance */
@import url('./variables.css');
@import url('./base.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./sections.css');
@import url('./responsive.css');

/* ===== PERFORMANCE OPTIMIZATIONS ===== */

/* Optimize paint and layout operations */
* {
    /* Use transform instead of top/left for animations */
    transform: translateZ(0);
    /* Optimize paint operations */
    backface-visibility: hidden;
    /* Reduce repaints */
    will-change: auto;
}

/* Optimize animations */
@media (prefers-reduced-motion: no-preference) {
    .animate-on-scroll {
        will-change: transform, opacity;
    }
    
    .animate-hover {
        will-change: transform;
    }
}

/* Optimize for high DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .optimize-images {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Optimize font loading */
.font-display-swap {
    font-display: swap;
}

/* Optimize critical rendering path */
.critical-content {
    content-visibility: auto;
    contain-intrinsic-size: 0 500px;
}

/* Optimize for mobile performance */
@media (max-width: 768px) {
    /* Reduce animations on mobile for better performance */
    .mobile-optimize * {
        animation-duration: 0.3s !important;
        transition-duration: 0.2s !important;
    }
    
    /* Optimize touch interactions */
    .touch-optimize {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
}

/* Optimize for print */
@media print {
    * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    .no-print {
        display: none !important;
    }
}