/* =====================================================
   DH Corporation CSS Architecture
   Modular CSS System with BEM Methodology
   ===================================================== */

/* Base Layer - Foundation styles */
@import './modules/base/variables.css';
@import './modules/base/fluid-typography.css';
@import './modules/base/accessibility.css';

/* Layout Layer - Structural components */
@import './modules/layout/container.css';
@import './modules/layout/header.css';
@import './modules/layout/footer.css';

/* Components Layer - Reusable UI components */
@import './modules/components/buttons.css';
@import './modules/components/hero.css';
@import './modules/components/mobile-menu.css';
@import './modules/components/product-components.css';

/* Utilities Layer - Helper classes */
@import './modules/utilities/helpers.css';

/* Responsive Layer - Breakpoint-specific styles */
@import './modules/responsive/breakpoints.css';
@import './modules/responsive/mobile.css';
@import './modules/responsive/mobile-consistency.css';

/* Legacy styles - Temporary inclusion during migration */
@import './style.css';