/* ============================================================================
   ЦВЕТОВЫЕ СХЕМЫ БРЕНДИРОВАНИЯ

   Пять схем, чтобы покрыть разные исполнения марок заказчиков. Схема — это НЕ
   подмена акцента: вместе с ним сдвигаются поверхности, потому что характер
   интерфейса задаёт именно фон, а не кнопка. Синяя схема — базовая, её токены
   лежат в spektr-ui.css и здесь не повторяются.

   ГЛАВНОЕ ПРАВИЛО, которому подчинены все пять: СЕМАНТИКА ВАЖНЕЕ МАРКИ.
   Красный означает тревогу, зелёный — норму, жёлтый — внимание. Если акцент
   подошёл к семантическому цвету вплотную, двигается СЕМАНТИЧЕСКИЙ — но так,
   чтобы он остался различим по светлоте, а не только по оттенку: на плохом
   мониторе и у человека с нарушением цветовосприятия оттенок исчезает первым,
   а светлота остаётся.

   Отсюда неочевидные решения ниже: в «Охране» акцент бордовый, а тревога
   алая; в «Промышленной» акцент яркий оранжевый, а предупреждение — тёмное
   янтарное; в «Природной» акцент густой изумруд, а норма — светлая зелень.
   Если сделать наоборот, тревожная плашка перестанет выделяться на фоне
   собственного бренда заказчика — то есть охранная система потеряет главное.

   Тёмные варианты не «те же цвета потемнее»: на тёмном фоне насыщенный цвет
   выглядит грязным, поэтому акценты берутся светлее и чуть менее насыщенные.
   ========================================================================= */

/* ---------------------------------------------------------- 1. Промышленная
   Графитовые поверхности, оранжевый акцент. Производство, логистика, склады,
   стройка — там, где привыкли к сигнальному оранжевому на сером. */
:root[data-scheme="industrial"] {
  --v-bg:#AEB4BC;
  --v-surface:#F4F5F6;
  --v-surface-2:#DDE0E4;
  --v-tint:#D2510B;
  --v-tint-dim:rgba(210,81,11,.14);
  --v-live-a:#F97316;  --v-live-b:#EAB308;  --v-live-text:#B45309;
  --v-live-glow:0 0 10px rgba(234,179,8,.35),0 0 24px rgba(249,115,22,.18);
  /* предупреждение уводим в тёмное янтарное: акцент здесь оранжевый, и
     различать их надо по светлоте, а не по оттенку */
  --v-warn:#8A5A00;    --v-warn-dim:rgba(138,90,0,.15);
}

/* ------------------------------------------------------------- 2. Охранная
   Тёмный графит и бордовый акцент. Частная охрана, посты, пропускные пункты —
   строгий вид без «весёлых» цветов. */
:root[data-scheme="guard"] {
  --v-bg:#9BA1AA;
  --v-surface:#F1F2F4;
  --v-surface-2:#D9DCE1;
  --v-tint:#9F1239;
  --v-tint-dim:rgba(159,18,57,.13);
  --v-live-a:#BE123C;  --v-live-b:#F43F5E;  --v-live-text:#9F1239;
  --v-live-glow:0 0 10px rgba(244,63,94,.32),0 0 24px rgba(190,18,60,.18);
  /* тревога — АЛАЯ и заметно светлее бордового акцента: иначе тревожная
     плашка растворится в фирменном цвете заказчика */
  --v-danger:#EF4444; --v-danger-dim:rgba(239,68,68,.14);
  --v-danger-glow:0 0 8px rgba(239,68,68,.45);
}

/* ------------------------------------------------------------- 3. Природная
   Тёплый нейтральный фон, изумрудный акцент. Агро, парки, муниципальное
   хозяйство, экология. */
:root[data-scheme="nature"] {
  --v-bg:#B5BDB4;
  --v-surface:#F3F6F1;
  --v-surface-2:#DCE3D9;
  --v-tint:#116A3C;
  --v-tint-dim:rgba(17,106,60,.13);
  --v-live-a:#15803D;  --v-live-b:#0D9488;  --v-live-text:#0F766E;
  --v-live-glow:0 0 10px rgba(13,148,136,.32),0 0 24px rgba(21,128,61,.18);
  /* норма — светлая зелень против густого изумруда акцента */
  --v-ok:#4BAE4F;      --v-ok-dim:rgba(75,174,79,.14);
}

/* ------------------------------------------------------------- 4. Премиум
   Холодный нейтральный фон, фиолетовый акцент. Розница, гостиницы, услуги —
   там, где интерфейс показывают клиенту. */
:root[data-scheme="premium"] {
  --v-bg:#B6B4C4;
  --v-surface:#F5F4FA;
  --v-surface-2:#DFDDE9;
  --v-tint:#6D28D9;
  --v-tint-dim:rgba(109,40,217,.13);
  --v-live-a:#7C3AED;  --v-live-b:#C026D3;  --v-live-text:#7E22CE;
  --v-live-glow:0 0 10px rgba(192,38,211,.3),0 0 24px rgba(124,58,237,.18);
}

/* --------------------------------------------------------------- 5. Морская
   Холодные поверхности, бирюзовый акцент. Порты, транспорт, медицина,
   телеком — самая «спокойная» из пяти. */
:root[data-scheme="marine"] {
  --v-bg:#A8BCC4;
  --v-surface:#F0F6F8;
  --v-surface-2:#D6E2E7;
  --v-tint:#0E7490;
  --v-tint-dim:rgba(14,116,144,.13);
  --v-live-a:#0891B2;  --v-live-b:#06B6D4;  --v-live-text:#0E7490;
  --v-live-glow:0 0 10px rgba(6,182,212,.32),0 0 24px rgba(8,145,178,.18);
}

/* ===========================================================================
   Тёмные варианты. Не «то же самое потемнее»: на тёмном фоне насыщенный цвет
   грязнит, поэтому акценты берутся светлее и мягче, а поверхности — почти
   нейтральные с лёгким подмесом фирменного тона.
   ======================================================================== */
@media (prefers-color-scheme: dark) {
  :root[data-scheme="industrial"] {
    --v-bg:#101215; --v-surface:#181B1F; --v-surface-2:#22262B;
    --v-tint:#FB8C3C; --v-tint-dim:rgba(251,140,60,.16);
    --v-live-a:#FB923C; --v-live-b:#FACC15; --v-live-text:#FBBF24;
    --v-warn:#C98A12; --v-warn-dim:rgba(201,138,18,.16);
  }
  :root[data-scheme="guard"] {
    --v-bg:#0E1013; --v-surface:#171A1E; --v-surface-2:#212429;
    --v-tint:#E11D48; --v-tint-dim:rgba(225,29,72,.16);
    --v-live-a:#F43F5E; --v-live-b:#FB7185; --v-live-text:#FB7185;
    --v-danger:#FF6B5E; --v-danger-dim:rgba(255,107,94,.16);
    --v-danger-glow:0 0 10px rgba(255,107,94,.5);
  }
  :root[data-scheme="nature"] {
    --v-bg:#0D110E; --v-surface:#151A16; --v-surface-2:#1F2620;
    --v-tint:#2FA36A; --v-tint-dim:rgba(47,163,106,.16);
    --v-live-a:#34D399; --v-live-b:#2DD4BF; --v-live-text:#5EEAD4;
    --v-ok:#7BD96E; --v-ok-dim:rgba(123,217,110,.15);
  }
  :root[data-scheme="premium"] {
    --v-bg:#0E0D14; --v-surface:#17161F; --v-surface-2:#221F2C;
    --v-tint:#A78BFA; --v-tint-dim:rgba(167,139,250,.16);
    --v-live-a:#A78BFA; --v-live-b:#E879F9; --v-live-text:#D8B4FE;
  }
  :root[data-scheme="marine"] {
    --v-bg:#0B1114; --v-surface:#12191D; --v-surface-2:#1B2429;
    --v-tint:#22B8CF; --v-tint-dim:rgba(34,184,207,.16);
    --v-live-a:#22D3EE; --v-live-b:#67E8F9; --v-live-text:#67E8F9;
  }
}