/**
 * GearPlug Main Stylesheet
 * Modular CSS architecture for maintainability
 */

/* ========== BASE STYLES ========== */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/animations.css';
@import 'base/ios-optimizations.css';

/* ========== LAYOUT ========== */
@import 'layout/container.css';
@import 'layout/navigation.css';
@import 'layout/grid.css';

/* ========== COMPONENTS ========== */
@import 'components/glass-components.css';
@import 'components/buttons.css';
@import 'components/modals.css';
@import 'components/loaders.css';
@import 'components/category-filter.css';
@import 'components/gear-details-modal.css';
@import 'components/forms.css';
@import 'components/gallery-manager.css';
@import 'components/pdf-viewer.css';
@import 'components/toast.css';

/* ========== PAGES ========== */
@import 'pages/settings.css';
@import 'pages/login.css';
@import 'pages/onboarding.css';
@import 'pages/ai-chat.css';

/* ========== UTILITIES ========== */
@import 'utilities/utilities.css';