/* ============================================================
   ТЕМА / ПЕРЕМЕННЫЕ
   Меняете цвета, шрифты и пути к картинкам — только здесь.
   Все остальные файлы (layout.css, style.css) ссылаются на эти
   переменные и трогать их для смены темы не нужно.

   Взято из дизайна "Dota 2 Шпион" — та же тёмная резная-камень
   тема с золотыми акцентами, только без картинок, специфичных
   для той игры (рубашка карты шпиона и т.п.), — здесь картам
   взяться неоткуда, слово в Алиасе не показывается карточкой
   с картинкой, а крупным текстом.
   ============================================================ */

:root {
    /* --- Картинки (assets/) --- */
    --img-bg: url('../../../assets/bg-castle.png');
    --img-kick-icon: url('../../../assets/kick-icon.png');
    /* Процедурные текстуры — лёгкое зерно и облачная тонировка, чтобы
       панели не выглядели плоской заливкой, а как тёмный резной камень. */
    --img-grain: url('../../../assets/texture-grain.png');
    --img-logo: url('../assets/logo-icon.webp');
    --img-mottle: url('../../../assets/texture-mottle.png');

    /* --- Фон страницы --- */
    --bg-dark: #0a0505;
    --bg-fallback-gradient: radial-gradient(ellipse at 20% 10%, #2a0a0a 0%, #0a0505 55%, #050303 100%);

    /* --- Панели: тёмный резной камень + процедурные текстуры поверх --- */
    --panel-bg: linear-gradient(160deg, rgba(17, 15, 16, 0.95) 0%, rgba(6, 5, 6, 0.97) 100%);
    --panel-bg-solid: #0c0a0b;
    --border-color: #2b2620;
    --panel-edge: #120a0a;

    /* --- Акценты --- */
    --accent-gold: #d3ad5f;
    --gold-dark: #7a5a28;
    --gold-glow: rgba(211, 173, 95, 0.4);

    --accent-red: #c0392b;
    --accent-red-bright: #e8503f;
    --red-glow: rgba(200, 60, 40, 0.45);
    --light-red-glow: rgba(255, 130, 110, 0.6);

    --accent-green: #2f8f4e;
    --green-glow: rgba(63, 185, 80, 0.45);

    --accent-blue: #3a7bd5;
    --blue-glow: rgba(58, 123, 213, 0.45);

    /* --- Кнопки: тёмные сланцевые, цвет только рамкой + текст --- */
    --btn-slate-1: #1a212a;
    --btn-slate-2: #0a0d12;
    --btn-slate-border: #3b4652;
    --btn-slate-border-top: #55636f;
    --btn-slate-border-hover: #667482;

    --btn-red-1: #4d1517;
    --btn-red-2: #22070a;
    --btn-red-border: #5a1b1e;
    --btn-red-border-top: #702428;
    --btn-red-border-hover: #7f2a2e;

    --btn-text: #edf1f4;

    --panel-border: var(--btn-slate-border);
    --panel-border-light: var(--btn-slate-border-top);

    /* --- Текст --- */
    --text-main: #f2e9d8;
    --text-muted: #9c8b7a;

    /* --- Цвета команд (до 6 команд по кругу) --- */
    --team-color-0: #d3ad5f;
    --team-color-1: #3a7bd5;
    --team-color-2: #2f8f4e;
    --team-color-3: #c0392b;
    --team-color-4: #9b59b6;
    --team-color-5: #16a085;

    /* --- Шрифты --- */
    --font-main: var(--font-body);
    --font-title: var(--font-project);
}