/* =========================================================
   DESIGN TOKENS — Immortal Servers Forum
   Перенесено из :root reference.html (раздел 10.1).
   ВАЖНО: ховер/границы — rgba-оверлеи, НЕ сплошные hex
   (см. примечание в FORUM_architecture.md 10.1).
   ========================================================= */

:root {
    /* ---- DARK THEME (по умолчанию) ---- */
    --bg: #0B0C10;
    --header-bg: #05060A;
    --surface: #0F1014;
    --card: #15161B;
    --card-server: #121318;
    --chip: #131418;
    /* Ховер/актив — полупрозрачный белый оверлей, а не отдельный сплошной hex.
       На тёмном фоне gamma sRGB "раздувает" визуальную яркость даже небольших
       hex-скачков у чёрного, поэтому близкие по значению цвета читаются как
       куда более контрастная граница, чем задумано (см. правку по фидбеку). */
    --card-hover: rgba(255, 255, 255, .045);
    /* Фон ВЫБРАННОГО пункта навигации (sidebar/top-nav) — заметно светлее surface */
    --nav-active-bg: #1D1C20;

    --text: #FFFFFF;
    --text-secondary: #C6C7CB;
    --text-muted: #8A8F98;
    --input-bg: #15161B;
    --input-text: #FFFFFF;
    --input-placeholder: #8A8F98;
    --input-border: rgba(255, 255, 255, .12);
    color-scheme: dark;

    /* Акцент разведён на два токена (11.1, п.1) — текст отдельно от заливки */
    --accent: #D6332E;          /* текст, иконки, активные линии, ссылки на темы */
    --accent-fill: #A5201C;     /* фон кнопок, бейджей, пилюль-счётчиков */
    --accent-fill-hov: #BC2621; /* ховер заливки в тёмной теме — светлее базы, темнее --accent */
    --accent-soft: rgba(214, 51, 46, .12);

    --premium: #EBAA30;
    --premium-soft: rgba(235, 170, 48, 0.12);

    /* Границы — полупрозрачный белый оверлей вместо сплошного hex (тот же
       эффект gamma: #17181C на фоне #0F1014 читался в браузере как явная
       светлая рамка, а не «почти незаметная», как на референсе). */
    --border: rgba(255, 255, 255, .075);       /* разделители строк таблиц, контур шапки */
    --border-light: rgba(255, 255, 255, .035); /* контур блоков сайдбара, карточек — почти не виден */
    --sidebar-border: rgba(255, 255, 255, .1);

    --success: #31C34F;
    --warning: #EBAA30;
    --danger: #D6332E;

    --header-height: 82px;
    --sidebar-width: 265px;
    --tabbar-height: 58px;

    --radius: 10px;
    --radius-small: 7px;

    --shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
    --shadow-small: 0 4px 16px rgba(0, 0, 0, 0.16);
}

[data-theme="light"] {
    /* ---- LIGHT THEME (производная, правила см. 10.2) ---- */
    --bg: #F1F3F5;
    --header-bg: #FFFFFF;
    --surface: #FFFFFF;
    --card: #FFFFFF;
    --card-server: #FFFFFF;
    --chip: #FFFFFF;
    --card-hover: rgba(15, 20, 30, .035);
    /* Фон ВЫБРАННОГО пункта навигации (sidebar/top-nav) — заметно темнее surface */
    --nav-active-bg: #E9EBEE;

    --text: #15191E;
    --text-secondary: #5C6570;
    --text-muted: #8A929B;
    --input-bg: #FFFFFF;
    --input-text: #15191E;
    --input-placeholder: #737D88;
    --input-border: rgba(15, 20, 30, .2);
    color-scheme: light;

    --accent: #B8241F;
    --accent-fill: #A5201C;
    --accent-fill-hov: #8E1A17; /* в светлой теме ховер темнее базы (10.2, правило 1) */
    --accent-soft: rgba(216, 50, 47, 0.09);

    --premium: #9A6F14;
    --premium-soft: rgba(154, 111, 20, 0.10);

    --border: rgba(15, 20, 30, .1);
    --border-light: rgba(15, 20, 30, .055);
    --sidebar-border: rgba(15, 20, 30, .12);

    --success: #1E8C42;
    --warning: #9A6F14;
    --danger: #B8241F;

    --shadow: 0 8px 28px rgba(25, 35, 45, 0.08);
    --shadow-small: 0 4px 16px rgba(25, 35, 45, 0.06);
}