/* Main CSS File - Imports all organized CSS files */

/* Import order matters - from most general to most specific */

/* 1. Reset and Base Styles */
@import url('reset.css');

/* 2. Header and Navigation */
@import url('header.css');

/* 3. Hero Section */
@import url('hero.css');

/* 4. About Fernanda Section */
@import url('about-fernanda.css');

/* 5. Portfolio/Images Section */
@import url('portfolio.css');

/* 6. Services Section */
@import url('services.css');

/* 7. About Section */
@import url('about.css');

/* 8. CTA Section */
@import url('cta.css');

/* 9. Contact Section */
@import url('contact.css');

/* 10. Footer */
@import url('footer.css');

/* Additional Global Styles */
/* These styles can be added here if they don't fit in other categories */

/* Ensure smooth scrolling for all browsers */
html {
    scroll-behavior: smooth;
}

/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

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

/* Print styles */
@media print {
    .header,
    .footer,
    .cta,
    .contact-form {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
    }
    
    .hero {
        background: white !important;
        color: black !important;
    }
}