body, body.light-theme {
    --lightness: 70%;
}

body.dark-theme {
    --lightness: 25%;
}

@media (prefers-color-scheme: dark) {
  body, body.dark-theme {
    --lightness: 25%;
  }

  body.light-theme {
    --lightness: 70%;
  }
}

.dynamic-color-overlay {
    background: hsl(from #00437a h s var(--lightness));
}