.logo-switches {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 4000;
}

#theme-toggle {
  background: var(--surface);
  border: 2px solid var(--accent);
  border-radius: 50%;
  padding: 12px;
  cursor: pointer;
  box-shadow: 0 4px 12px var(--shadow);
}

#moon,
#sun {
  display: none;
  width: 22px;
  height: 22px;
  stroke: var(--accent);
}

body.dark #sun {
  display: block;
}
body:not(.dark) #moon {
  display: block;
}