@charset "utf-8";
/* Прежний облик (тёмный, янтарь) + ручной выбор темы (28.09.2026).
   Сами стили — BASE_STYLE/HOME_STYLE в templates.py: тёмная по умолчанию,
   светлая по prefers-color-scheme. Здесь те же значения, но по выбору
   человека: переключатель (theme-toggle.js) ставит <html data-theme>, и
   [data-theme] перебивает системную тему. Меняешь цвета в templates.py —
   поменяй и здесь. */
:root[data-theme="light"]{
  --ink:#eff2ed;--panel:#e4e9e1;--panel-2:#dbe1d6;--line:#c3ccc0;--text:#16211c;--text-dim:#4d5a52;
  --signal:#b97817;--signal-ink:#fff7ea;--ok:#2a6e49;--shadow:0 18px 60px rgba(43,62,49,.09);
  --aps:#b03524;--soue:#cf6a1c;--aupt:#ad3470;--okhr:#6f8120;--skud:#2f6cc2;--video:#8453c6;
  --domof:#138a96;--sks:#23874b;--power:#b58c0b;--cable:#9b5a31;--okl:#5f7483;--pult:#4f5bc4;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --ink:#10151b;--panel:#1a222b;--panel-2:#212b35;--line:#2e3944;--text:#dbe2e6;--text-dim:#8b9aa3;
  --signal:#e8a33d;--signal-ink:#1a1206;--ok:#5fae7e;--shadow:0 18px 60px rgba(0,0,0,.16);
  --aps:#e5604c;--soue:#ea8a3a;--aupt:#d45b97;--okhr:#9db33c;--skud:#5b95e6;--video:#a57ce6;
  --domof:#34b3bf;--sks:#44b06c;--power:#dcb22e;--cable:#c47e52;--okl:#8ea2b0;--pult:#7f89e6;
  color-scheme:dark;
}

/* кнопка темы в шапке — в стиле кнопки «Меню» */
.theme-tg{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:8px;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text-dim);cursor:pointer;}
.theme-tg:hover:not(:disabled){color:var(--signal);border-color:var(--signal);filter:none;transform:none;box-shadow:none;}
.theme-tg svg{width:18px;height:18px;display:block;}
@media (max-width:760px){.theme-tg{margin-left:auto;width:44px;height:44px;}}