/*
 * Main CSS - Entry Point
 * Все стили подключаются через @import
 * 
 * ПОРЯДОК ИМПОРТОВ ВАЖЕН:
 * 1. Base (переменные, сброс, типографика, анимации)
 * 2. Components (кнопки, формы, затем шаблоны)
 * 3. Layout (структура страниц)
 * 4. Pages (специфика отдельных страниц)
 * 5. Utilities & Responsive
 * 
 * Для смены цветовой палитры редактируйте ТОЛЬКО:
 *   base/variables.css
 */

/* ==========================================
   BASE - Фундамент
   ========================================== */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/animations.css');

/* ==========================================
   COMPONENTS - Переиспользуемые компоненты
   
   Порядок важен:
   - buttons.css определяет базовый .tool-button
   - forms.css определяет базовые формы
   - templates.css расширяет их для шаблонов
   ========================================== */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/badges.css');
@import url('components/modal.css');
@import url('components/notifications.css');
@import url('components/templates.css');

/* ==========================================
   LAYOUT - Структура страниц
   ========================================== */
@import url('layout/layout.css');
@import url('layout/sidebar.css');
@import url('layout/header.css');
@import url('layout/messages.css');
@import url('layout/composer.css');
@import url('layout/controls.css');

/* ==========================================
   PAGES - Специфика отдельных страниц
   
   new-chat.css идёт ПОСЛЕ templates.css,
   поэтому может переопределять layout
   ========================================== */
@import url('pages/login.css');
@import url('pages/new-chat.css');
@import url('pages/my-templates.css');


/* ==========================================
   UTILITIES & RESPONSIVE
   ========================================== */
@import url('utilities.css');
@import url('responsive.css');