/* DMRhub — общие тёмные токены + топбар/профиль/футер для статических страниц
   (главная, /devices). Светлый :root каждая страница задаёт у себя (значения те же,
   что в кабинете). Темой управляет site.js (localStorage dmrhub_theme). */
/* html[...] — специфичность выше :root страницы (иначе светлый :root, идущий
   ниже в каскаде, перебивал бы тёмную тему и переключатель «не работал» бы). */
html[data-theme="dark"]{
  --cream:#211c18; --paper:#2a241f; --sand:#322b25; --sand-2:#3b332c;
  --ink:#f4ecdf; --ink-soft:#cdc2b2; --muted:#978c7c;
  --line:#3a322b; --line-strong:#4a4038;
  --coral-soft:#43291f; --teal-soft:#1d3833; --amber-soft:#3d3120; --green-soft:#233528;
  --shadow:0 10px 30px -14px rgba(0,0,0,.55); --shadow-lg:0 22px 60px -20px rgba(0,0,0,.6);
}
.site-right{display:flex;align-items:center;gap:10px}
.site-top .site-right{margin-left:auto}  /* прижать виджет (тема+профиль) вправо на /devices */
.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;
  border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer}
.iconbtn:hover{background:var(--sand)}
.profile{display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;border-radius:13px;color:var(--ink);font-weight:700}
.profile:hover{background:var(--sand)}
.ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex:none}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:1px solid transparent;border-radius:11px;padding:9px 15px;font:inherit;font-weight:700;cursor:pointer;transition:all .15s;background:var(--sand);color:var(--ink)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 18px -8px rgba(232,99,58,.6)}
.btn-primary:hover{background:var(--coral-600)}
.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn-ghost:hover{background:var(--sand)}
.site-foot{border-top:1px solid var(--line);margin-top:40px}
.site-foot .frow{display:flex;align-items:center;justify-content:center;gap:9px;padding:22px 0 28px;
  color:var(--muted);font-weight:600;font-size:14px;flex-wrap:wrap}
.site-foot .fwave{color:var(--coral);display:inline-grid;place-items:center}
.site-foot a{font-weight:800;color:var(--ink)}
.site-foot a:hover{opacity:.75}
.site-foot .s73{color:var(--teal);font-weight:800}
.site-foot .fdot{opacity:.45}
@media(max-width:760px){.hide-mobile{display:none}}