/* Magic UI–style view transition theme toggle */

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

html[data-magicui-theme-vt="active"]::view-transition-new(root) {
  clip-path: var(--magicui-theme-vt-clip-from);
}

.theme-toggler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 2px solid var(--border-strong);
  border-radius: 999px;
  background: var(--bg-card);
  color: var(--text-heading);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.theme-toggler:hover {
  background: var(--bg-muted);
  transform: translateY(-1px);
}

.theme-toggler svg {
  width: 1.125rem;
  height: 1.125rem;
}

.theme-toggler__sun,
.theme-toggler__moon {
  display: block;
}

.theme-toggler__sun[hidden],
.theme-toggler__moon[hidden] {
  display: none;
}

.home-nav__actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}