:root {
  --lightest-color: rgb(255, 250, 245);
  --lighter-color: rgb(205, 200, 195);
  --light-color: rgb(170, 165, 160);
  --wide-gray-invert: rgb(10, 5, 5);
  --narrow-gray-invert: rgb(15, 8, 8);
}

.invert .est-color {
  color: var(--lightest-color) !important
}
.invert .er-color {
  color: var(--lighter-color) !important
}
.invert .null-color {
  color: var(--light-color) !important
}

.invert {
  background-color: black;
  color: var(--lighter-color);
}

.invert code:not(pre code) {
  background-color: var(--wide-gray-invert);
  color: white;
}

.invert pre {
  color: white;
  background-color: var(--wide-gray-invert);
  border-color: var(--wide-gray-invert);
}

.invert body {
  background-color: black;
  color: var(--lighter-color);
}

.invert h1 {
  color: var(--lightest-color);
}

.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6 {
  color: var(--lighter-color);
}

.invert a:link,
.invert a:visited {
  color: var(--lightest-color)
}

.invert table tr th,
.invert table tr td {
  border-right: 2px solid var(--narrow-gray-invert);
  border-bottom: 2px solid var(--narrow-gray-invert);
}

.invert table tr th:first-child,
.invert table tr td:first-child {
  border-left: 2px solid var(--narrow-gray-invert);
}

/* top row a.k.a. table header */
.invert table tr th {
  border-top: 2px solid var(--narrow-gray-invert);
}

.invert hr {
  background-color: var(--narrow-gray-invert);
}