/* Тёмная тема MOZZ Print.
   Переопределяет переменные index.html, studio.html (и sticker-studio.html — те же имена --bg/--surface/--tile/--ink/--muted/--line)
   и диалогов shared.js. Включение: data-theme="dark" на <html> (тумблер .theme-tog, выбор в localStorage "mozz-theme")
   либо системная настройка, пока пользователь не выбрал сам (data-theme отсутствует). Логика переключения — в shared.js (themeInit). */
[data-theme="dark"]{
  --bg:#101113; --surface:#18191C; --tile:#1E1F23; --tile2:#2A2B30; --soft:#1E1F23;
  --ink:#F2F2F0; --ink2:#D2D2CF; --ink-hover:#DADAD8; --on-ink:#0A0A0A; --muted:#A3A3A0;
  --line:#2F3035; --line2:#44454B; --sw-line:rgba(255,255,255,.22);
  --accent:#F2F2F0; --accent-ink:#0A0A0A;
  --block:#1E1F23; --block-ink:#F2F2F0; --block-ink2:#C4C4C1; --block-muted:#8C8C89; --block-line:#4A4B50; --block-hover:#2A2B30;
  --pop:#6B82FF; --ok:#3DBD84; --warn:#E3A93F; --bad:#F26B63;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#101113; --surface:#18191C; --tile:#1E1F23; --tile2:#2A2B30; --soft:#1E1F23;
    --ink:#F2F2F0; --ink2:#D2D2CF; --ink-hover:#DADAD8; --on-ink:#0A0A0A; --muted:#A3A3A0;
    --line:#2F3035; --line2:#44454B; --sw-line:rgba(255,255,255,.22);
    --accent:#F2F2F0; --accent-ink:#0A0A0A;
    --block:#1E1F23; --block-ink:#F2F2F0; --block-ink2:#C4C4C1; --block-muted:#8C8C89; --block-line:#4A4B50; --block-hover:#2A2B30;
    --pop:#6B82FF; --ok:#3DBD84; --warn:#E3A93F; --bad:#F26B63;
    color-scheme:dark;
  }
}
/* тумблер в шапке: луна в светлой теме, солнце в тёмной (aria-pressed ставит shared.js) */
.theme-tog{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0}
.theme-tog:hover{border-color:var(--ink)}
.theme-tog svg{width:18px;height:18px;display:block}
.theme-tog .ico-sun{display:none}
.theme-tog[aria-pressed="true"] .ico-sun{display:block}
.theme-tog[aria-pressed="true"] .ico-moon{display:none}
@media (prefers-reduced-motion:no-preference){body,.theme-tog{transition:background-color .25s,color .25s,border-color .25s}}
/* модуль стикер-студии (stickers.js, не наш файл): у него зашиты светлые ховеры и белая подложка фото */
[data-theme="dark"] .mzs-grid button:hover,[data-theme="dark"] .mzs-styles button:hover{background:var(--tile2)}
[data-theme="dark"] .mzs-photos button{background-color:var(--surface)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .mzs-grid button:hover,:root:not([data-theme="light"]) .mzs-styles button:hover{background:var(--tile2)}
  :root:not([data-theme="light"]) .mzs-photos button{background-color:var(--surface)}
}
