.theme-toggle{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-heading);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.theme-toggle__icon{width:20px;height:20px}