/**
 * Main CSS Entry Point
 * Import order matters - base styles first, then components, then pages
 */

/* Base Styles */
@import url('./base/variables.css');
@import url('./base/reset.css');

/* Layout */
@import url('./layout/container.css');
@import url('./layout/hero.css');

/* Components */
@import url('./components/glass.css');
@import url('./components/buttons.css');
@import url('./components/navigation.css');
@import url('./components/avatar.css');
@import url('./components/chat.css');
@import url('./components/modals.css');
@import url('./components/forms.css');
@import url('./components/skeletons.css');
@import url('./components/chips.css');
@import url('./components/badges.css');
@import url('./components/pagination.css');
@import url('./components/participant-bubbles.css');
@import url('./components/notifications.css');

/* Pages */
@import url('./pages/emails.css');
@import url('./pages/messages.css');
@import url('./pages/monitoring.css');
@import url('./pages/avatar-chat.css');
@import url('./pages/avatar-personality.css');
@import url('./pages/solve.css');