/* =====================================================
   EEDITH CSS - Modular Architecture
   ===================================================== */

/* Base styles - Order matters! */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* Layout */
@import './layout/container.css';
@import './layout/sidebar.css';
@import './layout/header.css';
@import './layout/main-content.css';

/* Components */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/modals.css';
@import './components/toasts.css';

/* Features */
@import './features/upload.css';
@import './features/presets.css';
@import './features/image-display.css';
@import './features/user-menu.css';
@import './features/pricing.css';
@import './features/auth.css';
@import './features/tutorial.css';
@import './features/messages.css';

/* Utilities */
@import './utilities/animations.css';
@import './utilities/helpers.css';
@import './utilities/z-index.css';

/* Responsive - Must be last */
@import './responsive/breakpoints.css';
@import './responsive/layout-responsive.css';
@import './responsive/component-responsive.css';
@import './responsive/feature-responsive.css';