/* @media (prefers-color-scheme: light) { 
  --theme-base: white;
  --theme-font: black;
  --theme-accent: red;
  --theme-v4: red;
  --theme-v6: #33cc33;
}

@media (prefers-color-scheme: dark) {
  --theme-base: black;
  --theme-font: white;
  --theme-accent: pink;
  --theme-v4: red;
  --theme-v6: #33cc33;
  article img {
    filter: grayscale(50%);
  }
  article img[src*=svg] {
    filter: invert(100%) grayscale(50%);
  }
}

body {
  background-color: var(--them-base);
  color: var(--them-font);
}

strong {
  color: var(--them-accent);
}

.ipv4 {
  color: var(--them-v4);
}

.ipv6 {
  color: var(--them-v6);
}
*/
.ipv4 {
  color: red;
}

.ipv6 {
  color: #33cc33;
}