.theme-switcher{
  display:flex;gap:2px;background:var(--line);border:1px solid var(--line);
  border-radius:100px;padding:2px;flex-shrink:0;
}
.theme-switcher button{
  width:30px;height:30px;border:none;background:var(--bg);border-radius:100px;
  cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;
  color:var(--taupe);transition:background .2s ease,color .2s ease;
}
.theme-switcher button.active{background:var(--ink);color:var(--bg);}
.theme-switcher button:hover:not(.active){color:var(--ink);}

.mobile-nav .theme-switcher{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);margin-top:8px;
}
.mobile-nav .theme-switcher button{background:transparent;color:rgba(255,255,255,.7);}
.mobile-nav .theme-switcher button.active{background:rgba(255,255,255,.9);color:var(--deco-dark);}

@media (max-width:860px){
  header .theme-switcher{display:none;}
}