.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--site-radius-full);
  color: var(--site-color-text);
  transition: color var(--site-transition-fast), background var(--site-transition-fast), transform var(--site-transition-fast);
}

.theme-toggle:hover { color: var(--site-color-primary); background: var(--site-color-surface); }
.theme-toggle:active { transform: scale(0.95); }
.theme-toggle svg { display: block; }