.theme-toggle {
  border: 1px solid var(--theme-border);
  border-radius: var(--radius-full);
  padding: 0.15rem 0.4rem;
  background-color: var(--theme-surface);
  color: var(--theme-text);
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: 1;
  transition: background-color var(--transition-fast);

  &:hover {
    background-color: var(--theme-surface-muted);
  }
}