/* automatic/manual light mode */
:root,
:root.light {
  --some-value: black;
  --some-other-value: white;
}

/* manual dark mode 
  /* ❗️ keep the rules in sync with the automatic dark mode above! */
:root.dark {
  --some-value: white;
  --some-other-value: black;
}

/* use the variables */
body {
  color: var(--some-value);
  background-color: var(--some-other-value);
}

a.thumbnail h3 {
  color: rgb(0, 36, 84);
  line-height: 100px;
  margin: 0px;
}

.thumbnail.blue-thumb {
  background-color: rgb(0, 36, 84);
  display: flex;
  height: 100%;
  flex-direction: column;
}

a.thumbnail.blue-thumb {
  color: rgb(227, 227, 227);
  line-height: 150%;
  flex: 1;
}