/*
=============================================================================
MAIN STYLESHEET - Pure CSS Architecture
=============================================================================
Entry point for all styles.

Architecture Layers (ITCSS inspired):
1. Variables - CSS custom properties and configuration
2. Base - Reset, normalize, and element defaults
3. Layout - Grid systems, containers, and layout patterns
4. Components - Reusable UI components
5. Pages - Page-specific styles
6. Themes - Theme variations and overrides
7. Utilities - Helper classes and overrides
*/

/* 1. VARIABLES */
@import url('./variables/colors.css');
@import url('./variables/typography.css');
@import url('./variables/spacing.css');
@import url('./variables/breakpoints.css');
@import url('./variables/shadows.css');
@import url('./variables/borders.css');
@import url('./variables/animations.css');

/* 2. BASE */
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/forms.css');
@import url('./base/tables.css');
@import url('./base/media.css');

/* 3. LAYOUT */
@import url('./layout/grid.css');
@import url('./layout/containers.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/sidebar.css');
@import url('./layout/main.css');
@import url('./layout/page-navbar.css');

/* 4. COMPONENTS */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/navigation.css');
@import url('./components/forms.css');
@import url('./components/modals.css');
@import url('./components/tabs.css');
@import url('./components/alerts.css');
@import url('./components/badges.css');
@import url('./components/tooltips.css');
@import url('./components/dropdowns.css');
@import url('./components/pagination.css');
@import url('./components/breadcrumbs.css');
@import url('./components/progress.css');
@import url('./components/loaders.css');

/* 5. PAGES */
@import url('./pages/home.css');
@import url('./pages/about.css');
@import url('./pages/contact.css');
@import url('./pages/dashboard.css');
@import url('./pages/profile.css');
@import url('./pages/login.css');

/* 6. THEMES */
@import url('./themes/light.css');
@import url('./themes/dark.css');
@import url('./themes/high-contrast.css');

/* 7. UTILITIES */
@import url('./utilities/spacing.css');
@import url('./utilities/typography.css');
@import url('./utilities/colors.css');
@import url('./utilities/display.css');
@import url('./utilities/flexbox.css');
@import url('./utilities/grid.css');
@import url('./utilities/positioning.css');
@import url('./utilities/sizing.css');
@import url('./utilities/borders.css');
@import url('./utilities/shadows.css');
@import url('./utilities/accessibility.css');