[data-theme="light"] {
   --color-bg: #ffffff;
   --color-txt: #000000;
}

[data-theme="dark"] {
   --color-bg: #000000;
   --color-txt: #ffffff;
}

body {
  background-color: var(--color-bg);
  color: var(--color-txt);
}

button.toggle {
  font-size: 2rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  transition: all var(--global-transition-time) ease-in-out;
  border-radius: 2rem;
  cursor: pointer;
  color: var(--color-txt);
  background-color: var(--color-bg);
  border: 0.25rem solid var(--color-txt);
}


/*--------------------------*/