/* Import base styles */
@import url("css/base.css");
@import url("css/layout.css");
@import url("css/typography.css");

/* Import shared component styles */
@import url("css/navigation.css");
@import url("css/mobile-menu.css");
@import url("css/hero.css");
@import url("css/buttons.css");
@import url("css/cards.css");
@import url("css/footer.css");

/* Import utility classes */
@import url("css/utilities.css");

/* Import page-specific styles */
@import url("css/pages/solutions.css");
@import url("css/pages/products.css");
@import url("css/pages/technology.css");
@import url("css/pages/industries.css");
@import url("css/pages/contact.css");

/* Import responsive styles (media queries) - must be last */
/* Tablet breakpoints - shared components */
@import url("css/responsive/tablet-header.css");
@import url("css/responsive/tablet-hero.css");
@import url("css/responsive/tablet-buttons.css");
@import url("css/responsive/tablet-layout.css");
@import url("css/responsive/tablet-footer.css");

/* Tablet breakpoints - page-specific */
@import url("css/responsive/tablet-index.css");
@import url("css/responsive/tablet-contact.css");

/* Mobile breakpoints - shared components */
@import url("css/responsive/mobile-header.css");
@import url("css/responsive/mobile-hero.css");
@import url("css/responsive/mobile-buttons.css");
@import url("css/responsive/mobile-layout.css");
@import url("css/responsive/mobile-cards.css");
@import url("css/responsive/mobile-footer.css");
@import url("css/responsive/mobile-index.css");

/* Mobile breakpoints - page-specific */
@import url("css/responsive/mobile-solutions.css");
@import url("css/responsive/mobile-products.css");
@import url("css/responsive/mobile-technology.css");
@import url("css/responsive/mobile-industries.css");
@import url("css/responsive/mobile-contact.css");