/* assets/theme.css — общие цвета темы и кнопка-переключатель.
   Подключается на всех страницах (клиентских и админке), чтобы не держать
   одинаковый набор токенов скопированным в каждом файле по отдельности. */
:root{--bg:#0F172A;--surf:#1E293B;--surf2:#334155;--bdr:rgba(148,163,184,.16);--acc:#3B82F6;--acc2:#60A5FA;--txt:#E2E8F0;--mut:#94A3B8}
body.light-theme{--bg:#eef1f5;--surf:#ffffff;--surf2:#dde3ea;--bdr:rgba(38,38,38,.14);--acc:#2181b7;--acc2:#2e96c9;--txt:#262626;--mut:#64707d}

.theme-toggle-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;
  padding:7px 11px;border-radius:8px;cursor:pointer;font-size:15px;transition:all .2s;line-height:1}
.theme-toggle-btn:hover{background:rgba(255,255,255,.2)}