:root {
  --dark: #311;
  --light: #EDC;
  --dark-2: #333;
  --light-2: #EDD;
  --dark-dimmed: #642;
  --light-dimmed: #CAB;
  --link: #CDE;
  --link-visited: #DCF;
  --color-fg: var(--light);
  --color-bg: var(--dark);

  --input-fg: var(--light-2);
  --input-bg: var(--dark-2);
  --input-border: var(--light-2);
  --input-fg-disabled: var(--light-dimmed);
  --input-bg-disabled: var(--dark-dimmed);
}

@media (prefers-color-scheme: light) {
  :root {
    --color-fg: var(--dark);
    --color-bg: var(--light);
    --input-fg: var(--dark-2);
    --input-bg: var(--light-2);
    --input-border: var(--dark-2);
    --input-fg-disabled: var(--dark-dimmed);
    --input-bg-disabled: var(--light-dimmed);
    --link: #4AC;
    --link-visited: #E2E;
  }
}

/* Element styling: {{{ */
:root {
  color: var(--color-fg);
  background-color: var(--color-bg);
}

a {
  color: var(--link);
}
a:visited {
  color: var(--link-visited);
}

input, textarea, button {
  color: var(--input-fg);
  background-color: var(--input-bg);
  border-color: var(--input-border);
}

input:disabled, textarea:disabled, button:disabled {
  color: var(--input-fg-disabled);
  background-color: var(--input-bg-disabled);
}
/* }}}: Element styling */

.corruptable .plain {
  display: unset;
}

.corruptable .corrupt {
  display: none;
}

.corruptable:hover .plain {
  display: none;
}

.corruptable:hover .corrupt {
  display: unset;
}