:root {
  --background-light: #ffffff;
  --text-light: #333333;
  --background-dark: #121212;
  --text-dark: #ffffff;
}

body.dark-mode {
  background-color: var(--background-dark);
  color: var(--text-dark);
}

body.light-mode {
  background-color: var(--background-light);
  color: var(--text-light);
}

.theme-switcher {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.theme-switcher button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--text-dark);
}

body.light-mode .theme-switcher button {
  color: var(--text-light);
}