.theme-toggle { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--r-pill); background: var(--surface-2); border: 1px solid var(--border); }
.theme-toggle button { display: grid; place-items: center; width: 30px; height: 26px; border: 0; border-radius: var(--r-pill); background: none; color: var(--text-3); cursor: pointer; }
.theme-toggle button:hover { color: var(--text); }
.theme-toggle button.on { background: var(--surface); color: var(--primary); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); }
.theme-toggle svg { width: 15px; height: 15px; }