/* ========================================
   MAIN STYLES - IMPORTS & BASE CONFIGURATION
   ======================================== */

/* Import Component CSS Files */
@import 'variables.css';
@import 'base.css';
@import 'loading.css';
@import 'navigation.css';
@import 'hero.css';
@import 'sections.css';
@import 'about.css';
@import 'brands.css';
@import 'portfolio.css';
@import 'contact.css';
@import 'footer.css';
@import 'modal.css';
@import 'responsive.css';
@import 'animations.css';
@import 'portfolio-main.css';

/* Global Performance Optimizations */
* {
    will-change: auto;
}

/* Smooth scroll behavior for all browsers */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    html {
        scroll-behavior: auto;
    }
}

/* Print styles */
@media print {

    .navbar,
    .loading-screen,
    .scroll-indicator,
    .floating-elements {
        display: none !important;
    }

    body {
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
        background: #fff;
    }
}