/* СОБРАНО build.py из parts/34-theme-switch.html — РУКАМИ НЕ ПРАВИТЬ. Нужен tokens.css. */
.theme-sw{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  padding:0;cursor:pointer;background:var(--surface);border:var(--bw) solid var(--line);
  border-radius:var(--r-s);
  transition:border-color var(--t) var(--ease),transform var(--t) var(--ease),
             box-shadow var(--t) var(--ease)}
.theme-sw:hover{border-color:var(--gold);transform:rotate(-12deg) scale(1.08);box-shadow:var(--focus)}
.theme-sw:active{transform:rotate(-12deg) scale(.96)}
/* Знак — эмодзи, а не контур: он несёт свой цвет сам, поэтому ни stroke, ни color тут нет.
   Ореол под курсором даётся тенью-фильтром — единственное, что действует на эмодзи. */
.theme-sw-znak{font-size:var(--fs-md);line-height:1;font-style:normal;
  transition:filter var(--t) var(--ease)}
.theme-sw:hover .theme-sw-znak{filter:drop-shadow(0 0 5px var(--gold))}
.theme-sw-fixed{position:fixed;top:var(--s-3);right:var(--s-4);z-index:80}
/* Есть шапка — кнопка темы уже в ней (.hdr-end). Угловая кнопка от каркаса (layouts/base.html)
   или от общего файла блога тогда прячется сама: иначе две кнопки, и угловая накрывает шапку. */
body:has(.hdr-bar) .theme-sw-fixed{display:none}
@media (max-width:640px){.theme-sw-fixed{top:var(--s-2);right:var(--s-2);width:34px;height:34px}}