.theme-switcher{height: 30px; display:flex;align-items:center;background:var(--bg-card-1);border:1px solid var(--border-1);border-radius:7px;padding:3px;gap:2px;}
.theme-dot{width:24px;height:24px;border:none;border-radius:50%;background:transparent;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .15s;}
.theme-dot.active{background:var(--bg-4);color:#000}
.theme-dot:hover:not(.active){background:var(--bg-3);color:var(--text-1)}

.theme-dot:hover { border-color: var(--text); }

.theme-dot.light { background: #f0e8cc; }
.theme-dot.dark { background: #4a4a5a; }
.theme-dot.ember { background: #c8891a; }
.theme-dot.gold { background: #d4af37; }
.theme-dot.blood { background: #a83228; }
.theme-dot.ice { background: #4a8fa8; }