/**
 * Главный файл стилей проекта
 * 
 * Импортирует все CSS файлы в правильном порядке:
 * 1. Базовые стили (reset, variables, typography)
 * 2. Страницы (pages/) - подключаются отдельно в конкретных страницах
 * 
 * Использование:
 *   <link rel="stylesheet" href="assets/css/main.css">
 */

/* ============================================
   БАЗОВЫЕ СТИЛИ (Base)
   ============================================ */

/* Сброс стилей браузера */
@import url('base/reset.css');

/* CSS переменные */
@import url('base/variables.css');

/* Типографика */
@import url('base/typography.css');

/* ============================================
   ПРИМЕЧАНИЕ
   ============================================
   
   Стили страниц (pages/) подключаются отдельно в конкретных страницах
   через {% block extra_css %} в base.html.
   
   Bootstrap overrides подключается отдельно в base.html
   после Bootstrap CSS.
 */


/* ============================================
   СТРАНИЦЫ ОШИБОК (Error pages)
   ============================================ */

.error-page {
    text-align: center;
    padding: 50px 20px;
    max-width: 500px;
    margin: 50px auto;
}

.error-code {
    font-size: 72px;
    font-weight: bold;
    color: #ffc107;
    margin-bottom: 20px;
}

.error-code--404 {
    color: #dc3545;
}

.error-page h1 {
    font-size: 24px;
    margin-bottom: 15px;
}

.error-page p {
    color: #666;
    margin-bottom: 30px;
}