/* ==========================================================================
   tema.css — Змінні тем та профілів умов використання
   Підтримуються 3 профілі місця використання:
   1) [data-profil="shtab"] (за замовчуванням) — Польовий штаб (баланс, спокійні мілітарі-тони)
   2) [data-profil="pole"] — Тактичний надконтраст (сонце, пил, відблиски, чітка сітка)
   3) [data-profil="blindazh"] — Бліндаж / Рукавиці (світломаскування, збільшені зони 50px)
   ========================================================================== */

/* -------------------- 1. ПРОФІЛЬ: ШТАБ (За замовчуванням) -------------------- */
:root, :root[data-profil="shtab"] {
  color-scheme: light;
  --shryft: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --shryft-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --rozmir: 15px;
  --rozmir-malyj: 13px;

  /* Світла тема: захисні тони (Coyote Tan / Field Olive / Slate) */
  --tlo: #eef0eb;
  --poverkhnia: #ffffff;
  --poverkhnia-2: #e2e6de;
  --mezha: #c5cac0;
  --tekst: #182017;
  --tekst-2: #4e584a;
  --akcent: #345e2b;
  --akcent-tekst: #ffffff;
  --akcent-tlo: #e1ede0;
  --nebezpeka: #a23223;
  --nebezpeka-tlo: #fceae7;
  --poperedzh: #7d5b0a;

  --mitka-tochnyj: #266324;
  --mitka-tochnyj-tlo: #e4f4e2;
  --mitka-pochatok: #275685;
  --mitka-pochatok-tlo: #e3effc;
  --mitka-mistyt: #795713;
  --mitka-mistyt-tlo: #fcf1db;
  --mitka-skhozhist: #545e52;
  --mitka-skhozhist-tlo: #ebeee9;

  --radius: 8px;
  --radius-malyj: 5px;
  --vidstup: 12px;
  --knopka: 44px;          /* мінімальна висота для пальця / рукавиці */
  --knopka-malyj: 36px;    /* висота допоміжних кнопок тулбара */
  --modal-max-shyryna: 520px;
  --shyryna-dereva: 310px;
  --tin: 0 2px 8px rgba(24, 32, 23, 0.08);
  --tin-pidkazky: 0 4px 16px rgba(24, 32, 23, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="svitla"]):not([data-profil="pole"]):not([data-profil="blindazh"]),
  :root[data-profil="shtab"]:not([data-tema="svitla"]) {
    /* Темна тема: матовий антрацитово-оливковий */
    color-scheme: dark;
    --tlo: #151814;
    --poverkhnia: #1c211b;
    --poverkhnia-2: #252c24;
    --mezha: #364034;
    --tekst: #e8ede6;
    --tekst-2: #9cad98;
    --akcent: #7ec46c;
    --akcent-tekst: #0d170a;
    --akcent-tlo: #23361e;
    --nebezpeka: #ea7b6c;
    --nebezpeka-tlo: #381e1a;
    --poperedzh: #e5b742;

    --mitka-tochnyj: #82d480;
    --mitka-tochnyj-tlo: #1c331a;
    --mitka-pochatok: #85b8ee;
    --mitka-pochatok-tlo: #1a2c40;
    --mitka-mistyt: #e5ba5e;
    --mitka-mistyt-tlo: #382c16;
    --mitka-skhozhist: #abb6a8;
    --mitka-skhozhist-tlo: #2a3129;

    --tin: 0 2px 10px rgba(0, 0, 0, 0.45);
    --tin-pidkazky: 0 6px 20px rgba(0, 0, 0, 0.6);
  }
}

:root[data-profil="shtab"][data-tema="temna"],
:root:not([data-profil])[data-tema="temna"] {
  color-scheme: dark;
  --tlo: #151814;
  --poverkhnia: #1c211b;
  --poverkhnia-2: #252c24;
  --mezha: #364034;
  --tekst: #e8ede6;
  --tekst-2: #9cad98;
  --akcent: #7ec46c;
  --akcent-tekst: #0d170a;
  --akcent-tlo: #23361e;
  --nebezpeka: #ea7b6c;
  --nebezpeka-tlo: #381e1a;
  --poperedzh: #e5b742;

  --mitka-tochnyj: #82d480;
  --mitka-tochnyj-tlo: #1c331a;
  --mitka-pochatok: #85b8ee;
  --mitka-pochatok-tlo: #1a2c40;
  --mitka-mistyt: #e5ba5e;
  --mitka-mistyt-tlo: #382c16;
  --mitka-skhozhist: #abb6a8;
  --mitka-skhozhist-tlo: #2a3129;

  --tin: 0 2px 10px rgba(0, 0, 0, 0.45);
  --tin-pidkazky: 0 6px 20px rgba(0, 0, 0, 0.6);
}

:root[data-profil="shtab"][data-tema="svitla"],
:root:not([data-profil])[data-tema="svitla"] {
  color-scheme: light;
  --tlo: #eef0eb;
  --poverkhnia: #ffffff;
  --poverkhnia-2: #e2e6de;
  --mezha: #c5cac0;
  --tekst: #182017;
  --tekst-2: #4e584a;
  --akcent: #345e2b;
  --akcent-tekst: #ffffff;
  --akcent-tlo: #e1ede0;
  --nebezpeka: #a23223;
  --nebezpeka-tlo: #fceae7;
  --poperedzh: #7d5b0a;
}


/* -------------------- 2. ПРОФІЛЬ: ПОЛЕ / СОНЦЕ (Тактичний надконтраст) -------------------- */
:root[data-profil="pole"] {
  --radius: 3px;
  --radius-malyj: 2px;
  --knopka: 46px;
  --knopka-malyj: 38px;

  /* Надвисокий контраст для відкритого сонця (чистий білий/сірий + чорний вугіль) */
  --tlo: #f3f5f1;
  --poverkhnia: #ffffff;
  --poverkhnia-2: #e0e5dd;
  --mezha: #20261f;              /* чітка темна контрастна межа */
  --tekst: #050805;              /* надглибокий чорний, контраст > 16:1 */
  --tekst-2: #242c22;
  --akcent: #1b4f17;              /* виразний польовий зелений */
  --akcent-tekst: #ffffff;
  --akcent-tlo: #cce3c8;
  --nebezpeka: #991c0e;
  --nebezpeka-tlo: #fcd7d3;
  --poperedzh: #664903;

  --mitka-tochnyj: #0c4709;
  --mitka-tochnyj-tlo: #ceefcb;
  --mitka-pochatok: #0d3b6e;
  --mitka-pochatok-tlo: #d4e7fc;
  --mitka-mistyt: #573a03;
  --mitka-mistyt-tlo: #fae4b9;
  --mitka-skhozhist: #323b30;
  --mitka-skhozhist-tlo: #dee4dc;

  --tin: 0 3px 0 rgba(32, 38, 31, 0.2);
  --tin-pidkazky: 0 6px 18px rgba(32, 38, 31, 0.25);
}

@media (prefers-color-scheme: dark) {
  :root[data-profil="pole"]:not([data-tema="svitla"]) {
    /* Нічний тактичний надконтраст */
    --tlo: #080a08;
    --poverkhnia: #121612;
    --poverkhnia-2: #1c221c;
    --mezha: #5c6e59;
    --tekst: #ffffff;
    --tekst-2: #c4d4c1;
    --akcent: #79e05e;
    --akcent-tekst: #000000;
    --akcent-tlo: #193613;
    --nebezpeka: #ff7d6b;
    --nebezpeka-tlo: #3d1410;
    --poperedzh: #f2c038;

    --mitka-tochnyj: #83f06c;
    --mitka-tochnyj-tlo: #14380f;
    --mitka-pochatok: #80baff;
    --mitka-pochatok-tlo: #122c4a;
    --mitka-mistyt: #fad06b;
    --mitka-mistyt-tlo: #3b2c08;
    --mitka-skhozhist: #c7d4c4;
    --mitka-skhozhist-tlo: #242e23;

    --tin: 0 3px 0 rgba(0, 0, 0, 0.8);
    --tin-pidkazky: 0 6px 20px rgba(0, 0, 0, 0.8);
  }
}

:root[data-profil="pole"][data-tema="temna"] {
  --tlo: #080a08;
  --poverkhnia: #121612;
  --poverkhnia-2: #1c221c;
  --mezha: #5c6e59;
  --tekst: #ffffff;
  --tekst-2: #c4d4c1;
  --akcent: #79e05e;
  --akcent-tekst: #000000;
  --akcent-tlo: #193613;
  --nebezpeka: #ff7d6b;
  --nebezpeka-tlo: #3d1410;
  --poperedzh: #f2c038;

  --mitka-tochnyj: #83f06c;
  --mitka-tochnyj-tlo: #14380f;
  --mitka-pochatok: #80baff;
  --mitka-pochatok-tlo: #122c4a;
  --mitka-mistyt: #fad06b;
  --mitka-mistyt-tlo: #3b2c08;
  --mitka-skhozhist: #c7d4c4;
  --mitka-skhozhist-tlo: #242e23;

  --tin: 0 3px 0 rgba(0, 0, 0, 0.8);
  --tin-pidkazky: 0 6px 20px rgba(0, 0, 0, 0.8);
}

:root[data-profil="pole"][data-tema="svitla"] {
  --tlo: #f3f5f1;
  --poverkhnia: #ffffff;
  --poverkhnia-2: #e0e5dd;
  --mezha: #20261f;
  --tekst: #050805;
  --tekst-2: #242c22;
  --akcent: #1b4f17;
  --akcent-tekst: #ffffff;
  --akcent-tlo: #cce3c8;
  --nebezpeka: #991c0e;
  --nebezpeka-tlo: #fcd7d3;
  --poperedzh: #664903;
}


/* -------------------- 3. ПРОФІЛЬ: БЛІНДАЖ / РУКАВИЦІ (Мобільний інспектор) -------------------- */
/* За замовчуванням темний маскувальний режим */
:root[data-profil="blindazh"] {
  color-scheme: dark;
  --radius: 10px;
  --radius-malyj: 6px;
  --knopka: 50px;                 /* Збільшена сенсорна зона для рукавиць */
  --knopka-malyj: 44px;           /* Навіть допоміжні кнопки не менше 44px для рукавиць */
  --shyryna-dereva: 320px;

  --tlo: #101214;
  --poverkhnia: #191c20;
  --poverkhnia-2: #22262d;
  --mezha: #363d47;
  --tekst: #f1f4f8;
  --tekst-2: #9da7b5;
  --akcent: #4a92eb;              /* сталевий синій зв'язку / РЕБ */
  --akcent-tekst: #071322;
  --akcent-tlo: #192d47;
  --nebezpeka: #f27363;
  --nebezpeka-tlo: #3d1b17;
  --poperedzh: #e5b947;

  --mitka-tochnyj: #5cdb7a;
  --mitka-tochnyj-tlo: #13331a;
  --mitka-pochatok: #63b1ff;
  --mitka-pochatok-tlo: #152945;
  --mitka-mistyt: #f0c356;
  --mitka-mistyt-tlo: #382c10;
  --mitka-skhozhist: #b1bccb;
  --mitka-skhozhist-tlo: #252b36;

  --tin: 0 4px 12px rgba(0, 0, 0, 0.5);
  --tin-pidkazky: 0 8px 24px rgba(0, 0, 0, 0.7);
}

:root[data-profil="blindazh"][data-tema="svitla"] {
  --tlo: #ebeff5;
  --poverkhnia: #ffffff;
  --poverkhnia-2: #dee3ec;
  --mezha: #bcc4d1;
  --tekst: #111722;
  --tekst-2: #485366;
  --akcent: #1d62ba;
  --akcent-tekst: #ffffff;
  --akcent-tlo: #dbe7fa;
  --nebezpeka: #b82818;
  --nebezpeka-tlo: #fde8e5;
  --poperedzh: #7a5608;

  --mitka-tochnyj: #166b2a;
  --mitka-tochnyj-tlo: #ddf5e2;
  --mitka-pochatok: #19589d;
  --mitka-pochatok-tlo: #dfedfd;
  --mitka-mistyt: #7a570d;
  --mitka-mistyt-tlo: #faeecf;
  --mitka-skhozhist: #546073;
  --mitka-skhozhist-tlo: #e8ecf2;

  --tin: 0 4px 12px rgba(17, 23, 34, 0.08);
  --tin-pidkazky: 0 8px 24px rgba(17, 23, 34, 0.15);
}

:root[data-profil="blindazh"][data-tema="temna"] {
  --tlo: #101214;
  --poverkhnia: #191c20;
  --poverkhnia-2: #22262d;
  --mezha: #363d47;
  --tekst: #f1f4f8;
  --tekst-2: #9da7b5;
  --akcent: #4a92eb;
  --akcent-tekst: #071322;
  --akcent-tlo: #192d47;
  --nebezpeka: #f27363;
  --nebezpeka-tlo: #3d1b17;
  --poperedzh: #e5b947;

  --mitka-tochnyj: #5cdb7a;
  --mitka-tochnyj-tlo: #13331a;
  --mitka-pochatok: #63b1ff;
  --mitka-pochatok-tlo: #152945;
  --mitka-mistyt: #f0c356;
  --mitka-mistyt-tlo: #382c10;
  --mitka-skhozhist: #b1bccb;
  --mitka-skhozhist-tlo: #252b36;

  --tin: 0 4px 12px rgba(0, 0, 0, 0.5);
  --tin-pidkazky: 0 8px 24px rgba(0, 0, 0, 0.7);
}