body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}

body.dark-mode textarea,
body.dark-mode input,
body.dark-mode fieldset,
body.dark-mode #eredmeny,
body.dark-mode #formazott,
body.dark-mode #statisztika,
body.dark-mode #szoveg-monospace,
body.dark-mode #szoveg-sans-serif {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border-color: #444;
}

body.dark-mode button {
  background-color: #333;
  color: #e0e0e0;
  border: 1px solid #555;
}

body.dark-mode .kiemelt:hover {
  outline: 1px dashed #888;
  background-color: #333 !important;
}

body.dark-mode .kiemelt.noun        { background-color: #3c9e6b; }
body.dark-mode .kiemelt.verb        { background-color: #4477aa; }
body.dark-mode .kiemelt.adverb      { background-color: #c0a000; }
body.dark-mode .kiemelt.adjective   { background-color: #cc0066; }
body.dark-mode .kiemelt.pronoun     { background-color: #7a2bb0; }
body.dark-mode .kiemelt.conjunction { background-color: #009999; }
body.dark-mode .kiemelt.article     { background-color: #aaaaaa; }
body.dark-mode .kiemelt.ismeretlen  { background-color: #777; color: #fff; }

body.dark-mode .user-info {
  background-color: #1e1e1e;
  border-left-color: #6699cc;
  color: #e0e0e0;
}

body.dark-mode .error {
  background-color: #330000;
  color: #ff9999;
  border-left-color: #ff4444;
}

body.dark-mode .success {
  background-color: #003300;
  color: #99ff99;
  border-left-color: #33cc33;
}

body.dark-mode .stats-block {
  background-color: #1e1e1e;
  border-left-color: #6699cc;
  color: #e0e0e0;
}

body.dark-mode .stats-empty {
  color: #ccc;
}

body.dark-mode a {
  color: #80bfff;
}
body.dark-mode a:hover {
  color: #aaccff;
}