/* ============================================================
   public-theme.css — тема публичных страниц (лендинг, вход,
   регистрация, оферта, политика, карта) и кнопка переключения.
   Подключается ПОСЛЕ app.css. Тёмная — по умолчанию,
   светлая — когда на <html> стоит data-theme="light".
   Ключ "theme" в localStorage общий с кабинетом.
   ============================================================ */

/* ---------- Кнопка в шапке ---------- */
.pub-theme{
  flex:0 0 auto;
  display:grid; place-items:center;
  width:40px; height:40px;
  margin-left:8px;
  padding:0;
  border:1px solid rgba(232,238,246,.22);
  border-radius:10px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease;
}
.pub-theme:hover{ background:rgba(232,238,246,.1); border-color:rgba(232,238,246,.4); }
.pub-theme:focus-visible{ outline:2px solid #2ee6a6; outline-offset:2px; }
.pub-theme svg{ display:block; }
.pub-theme .ico-moon{ display:none; }
:root[data-theme="light"] .pub-theme .ico-sun{ display:none; }
:root[data-theme="light"] .pub-theme .ico-moon{ display:block; }
.top__in .nav{ margin-left:auto; }
@media (max-width:860px){
  .top__in .nav{ margin-left:0; }
  .pub-theme{ margin-left:auto; order:2; }
  .burger{ margin-left:4px; order:3; }
}
body.is-landing .pub-theme{ border-color:var(--line); color:var(--ink); }
body.is-landing .pub-theme:hover{ background:var(--hover); border-color:var(--muted); }
body.is-landing .pub-theme:focus-visible{ outline-color:var(--route); }

/* ---------- Тёмная тема остальных публичных страниц ---------- */
:root:not([data-theme="light"]){
  color-scheme:dark;
  --ink:#e8ecf2;
  --paper:#0b1220;
  --card:#151e2e;
  --muted:#93a1b5;
  --line:#243349;
  --accent:#2ee6a6;
  --accent-ink:#04261b;
  --ok:#2ee6a6;
  --err:#ff8a80;
  --shadow:0 1px 0 rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.35);
}
:root[data-theme="light"]{ color-scheme:light; }
