/* main.css - ГЛАВНЫЙ ФАЙЛ СТИЛЕЙ */
/* Порядок импорта КРИТИЧЕСКИ важен! */

/* ===== 1. БАЗОВЫЕ СТИЛИ (переменные, сброс, типографика) ===== */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ===== 2. LAYOUT (структура страницы) ===== */
@import url('layout/header.css');
@import url('layout/banner.css');
@import url('layout/main-content.css');
@import url('layout/footer.css');

/* ===== 3. КОМПОНЕНТЫ (переиспользуемые блоки) ===== */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/cards.css');
@import url('components/pagination.css');
@import url('components/unified-filter.css');
@import url('components/network-notification.css');

/* ===== 4. УТИЛИТЫ (хелперы, анимации, responsive) ===== */
@import url('utilities/responsive.css');
@import url('utilities/animations.css');
@import url('utilities/helpers.css');
@import url('utilities/spacing.css');

/* ===== 5. СТРАНИЦЫ (ТОЛЬКО УНИКАЛЬНЫЕ СТИЛИ) ===== */
@import url('pages/index.css');
@import url('pages/analytics.css');
@import url('pages/articles.css');
@import url('pages/forum.css');
@import url('pages/profile.css');
@import url('pages/login.css');
@import url('pages/history.css');
@import url('pages/settings.css');
@import url('pages/register.css');

/* ===== ВНИМАНИЕ: ПОРЯДОК ИМПОРТА =====
 * 
 * 1. Базовые стили - самые низкоприоритетные
 * 2. Layout - структура страницы
 * 3. Компоненты - переопределяют базовые стили
 * 4. Утилиты - высокий приоритет (!important где нужно)
 * 5. Страницы - самые высокоприоритетные (перебивают всё)
 * 
 * Если нужен хотфикс - добавляй В КОНЕЦ файла
 */