/**
 * Xfenser AI - Main Stylesheet
 * Modular CSS architecture for better maintainability
 *
 * Import order is important:
 * 1. Variables & Reset (foundation)
 * 2. Animations (used everywhere)
 * 3. Utilities (helpers)
 * 4. Components (building blocks)
 * 5. Layout (sidebar, chat, auth)
 * 6. Mobile (responsive overrides)
 */

/* Foundation */
@import url('variables.css');
@import url('animations.css');

/* Utilities */
@import url('utilities.css');

/* Components */
@import url('components.css');
@import url('markdown.css');

/* Layout */
@import url('sidebar.css');
@import url('chat.css');
@import url('auth.css');

/* Responsive */
@import url('mobile.css');