/**
 * MAIN CSS FILE - MODULAR IMPORT STRUCTURE
 * Imports all component stylesheets in proper order
 */

/* Base styles - must be first */
@import url('./base/variables.css');
@import url('./base/reset.css');

/* Layout components */
@import url('./components/layout.css');
@import url('./components/sidebar.css');
@import url('./components/messages.css');
@import url('./components/input.css');
@import url('./components/header.css');
@import url('./components/modal.css');
@import url('./components/light-theme.css');
@import url('./components/mobile-fixes.css');

/* Utilities - must be last */
@import url('./utilities/utilities.css');

/* 
 * All component styles have been extracted to individual CSS files
 * and are imported above. This file now serves as the main entry point
 * for the modular CSS architecture.
 */