/* =========================================
   ГЛОБАЛЬНАЯ ЦВЕТОВАЯ ПАЛИТРА САЙТА VZEX
   ========================================= */
:root { 
    /* --- 1. ОСНОВНЫЕ ФОНЫ --- */
    --bg-color: #0f0f0f; 
    --card-bg: #151515; 
    --cover-bg: #111;
    --card-hover: #222;

    /* --- 2. АКЦЕНТНЫЕ ЦВЕТА (БРЕНД) --- */
    --accent-red: #b71c1c; 
    --accent-red-half: rgba(230, 57, 70, 0.5);
    --accent-red-glow: rgba(230, 57, 70, 0.3); /* Неоновое свечение (используется на 404) */

    /* --- 3. ТЕКСТ И ТИПОГРАФИКА --- */
    --text-main: #fdf6ed; 
    --text-white: #fff;
    --text-muted: #555;
    --text-nav-link: #888;       /* Кнопки навигации в шапке */
    --text-movie-desc: #adb5bd;  /* Основные описания, параграфы */
    --text-tab-inactive: #777;   /* Неактивные вкладки */
    --text-card-year: #666;      /* Второстепенный текст (годы, мета-информация) */
    --text-inform-link: #4a90e2; /* Спокойный синий для информационных ссылок */
    
    
    /* --- 4. ИНТЕРФЕЙС, ГРАНИЦЫ И СЕТКИ --- */
    --border-dark: #222;
    --border-light: rgba(255, 255, 255, 0.15);
    --grid-line-color: rgba(230, 57, 70, 0.05); /* Фоновая миллиметровая сетка */
    --logo-divider-color: #222;                 /* Слеш в логотипе */

    /* --- 5. ШАПКА И ПОДВАЛ (УНИВЕРСАЛЬНЫЕ) --- */
    --header-bg-trans: rgba(13, 6, 0, 0.9);   /* Матовое стекло шапки */
    --header-border-red: rgba(230, 57, 70, 0.3); /* Тонкая красная линия под шапкой */
    --footer-bg-heavy: rgba(10, 10, 10, 0.95);  /* Плотный фон подвала */
    --footer-border-color: #222;                /* Линии в подвале */
    --disclaimer-text-color: #555;              /* Приглушенный текст дисклеймера */

    /* --- 6. ЗАТЕМНЕНИЯ, ПЛАШКИ И ТЕНИ --- */
    --overlay-dark: rgba(0, 0, 0, 0.7);
    --overlay-light: rgba(15, 15, 15, 0.6);
    --overlay-medium: rgba(15, 15, 15, 0.75);
    --overlay-heavy: rgba(15, 15, 15, 0.95);
    --hover-white-trans: rgba(255, 255, 255, 0.05);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    
    /* --- 7. СТОРОННИЕ СЕРВИСЫ И СПЕЦ-ЦВЕТА --- */
    --admin-link-color: #f5c518;
    --color-kp: #f50;
    --color-imdb: #f5c518;
    --maintenance-color: #ffaa00; /* Фирменный оранжевый цвет для страниц технического обслуживания */

    /* --- 8. МОБИЛЬНЫЕ АДАПТАЦИИ --- */
    --bg-color-mobile: #121212;
    --card-bg-mobile: #1a1a1a;
    --mobile-nav-bg-heavy: rgba(10, 10, 10, 0.98);  /* Фон выпадающей шторки меню */
    --mobile-nav-border: rgba(255, 255, 255, 0.05); /* Линии в мобильной шторке */

    /* =========================================
       9. АНИМАЦИЯ ЛИНИЙ (тема "dragon" / LinesRenderer)
       Все настраиваемые параметры анимации.
       Меняй значения здесь — JS и CSS подхватят.
       ========================================= */

    /* — Цветовое оформление — */
    /* Основной цвет линий. По умолчанию = красному бренд-акценту сайта.
       Это та самая переменная, которой окрашиваются кнопки управления. */
    --lines-color: #80A6FF;
    --lines-color-hover: #a9c4ff;            /* Линии при наведении мыши */

    /* Фон под прозрачным canvas (виден там, где линии не перекрывают).
       По умолчанию совпадает с основным фоном сайта. */
    --lines-bg: var(--bg-color);

    /* — Кнопки управления (правый верхний угол) — */
    --lines-btn-bg: rgba(255, 255, 255, 0.04);
    --lines-btn-bg-hover: rgba(255, 255, 255, 0.10);
    --lines-btn-border: rgba(255, 255, 255, 0.12);
    --lines-btn-size: 40px;                  /* Размер квадратной кнопки */
    --lines-btn-gap: 8px;                    /* Расстояние между кнопками */
    --lines-btn-offset-top: 16px;            /* Отступ от верхнего края */
    --lines-btn-offset-right: 16px;          /* Отступ от правого края */
    --lines-btn-icon-size: 18px;             /* Размер символа паузы/плей */
    --lines-btn-radius: 8px;                 /* Скругление углов кнопки */

    /* — Цвета кнопок по умолчанию = цвет линий (можно переопределить) — */
    --lines-btn-color: var(--lines-color);
    --lines-btn-color-hover: var(--lines-color-hover);
}