/* Theme toggle control */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--line2);
  border-radius: 8px;
  background: transparent;
  color: var(--fg);
  cursor: pointer;
  transition:
    border-color 0.18s,
    color 0.18s,
    background 0.18s;
}

.theme-toggle:hover {
  border-color: var(--green-b);
  color: var(--green-b);
}

.theme-toggle .i {
  width: 20px;
  height: 20px;
}

.theme-toggle .theme-icon-moon {
  display: none;
}

[data-theme='light'] .theme-toggle .theme-icon-sun {
  display: none;
}

[data-theme='light'] .theme-toggle .theme-icon-moon {
  display: block;
}