/* Base Styles */
@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';
@import 'base/animations.css';

/* Component Styles */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/lightbox.css';
@import 'components/topbar.css';
@import 'components/navbar.css';
@import 'components/footer.css';
@import 'components/page-header.css';
@import 'components/toast.css';
@import 'components/lead-form.css';
@import 'components/hero-reviews.css';
@import 'components/inline-form.css';
@import 'components/service-card.css';

/* Section Styles */
@import 'sections/hero.css';
@import 'sections/social-proof.css';
@import 'sections/services.css';
@import 'sections/popular-colors.css';
@import 'sections/testimonials.css';
@import 'sections/why-choose.css';
@import 'sections/trust-badges.css';
@import 'sections/trust-logos.css';
@import 'sections/service-detail.css';
@import 'sections/service-detail-2.css';
@import 'sections/service-detail-3.css';
@import 'sections/service-hero.css';
@import 'sections/process.css';
@import 'sections/gallery.css';
@import 'sections/before-after.css';
@import 'sections/service-areas.css';
@import 'sections/faq.css';
@import 'sections/contact-cta.css';
@import 'sections/visualizer.css';
@import 'sections/contact.css';
@import 'sections/about.css';
@import 'sections/about-hero.css';
@import 'sections/portfolio.css';
@import 'sections/thank-you.css';
@import 'sections/service-area.css';

/* Page Styles */
@import 'pages/services-page.css';
@import 'pages/project-detail.css';
@import 'pages/privacy.css';
@import 'pages/error.css';
@import 'pages/landing.css';

/* Utility Classes */
.text-center {
    text-align: center;
}

.mb-sm {
    margin-bottom: var(--space-sm);
}

.mb-md {
    margin-bottom: var(--space-md);
}

.mb-lg {
    margin-bottom: var(--space-lg);
}

.mb-xl {
    margin-bottom: var(--space-xl);
}

.mt-sm {
    margin-top: var(--space-sm);
}

.mt-md {
    margin-top: var(--space-md);
}

.mt-lg {
    margin-top: var(--space-lg);
}

.mt-xl {
    margin-top: var(--space-xl);
}