{#-
  Overrides mkdocs-material's default palette-restore script so that on the very
  first visit (no stored `__palette` in localStorage), the visitor's
  `prefers-color-scheme` decides which palette entry is applied — instead of
  silently using the first entry in the list. Toggle persistence is unchanged.
-#}
<script>
  var palette = __md_get("__palette");

  if (!palette || !palette.color) {
    if (window.matchMedia) {
      var darkPref = window.matchMedia("(prefers-color-scheme: dark)").matches;
      var input = document.querySelector(
        darkPref
          ? "[data-md-color-media='(prefers-color-scheme: dark)']"
          : "[data-md-color-media='(prefers-color-scheme: light)']"
      );
      if (input) {
        palette = { color: {
          media:   input.getAttribute("data-md-color-media"),
          scheme:  input.getAttribute("data-md-color-scheme"),
          primary: input.getAttribute("data-md-color-primary"),
          accent:  input.getAttribute("data-md-color-accent")
        }};
      }
    }
  }

  if (palette && palette.color) {
    if ("(prefers-color-scheme)" === palette.color.media) {
      var media = matchMedia("(prefers-color-scheme: light)");
      var resolved = document.querySelector(
        media.matches
          ? "[data-md-color-media='(prefers-color-scheme: light)']"
          : "[data-md-color-media='(prefers-color-scheme: dark)']"
      );
      palette.color.media   = resolved.getAttribute("data-md-color-media");
      palette.color.scheme  = resolved.getAttribute("data-md-color-scheme");
      palette.color.primary = resolved.getAttribute("data-md-color-primary");
      palette.color.accent  = resolved.getAttribute("data-md-color-accent");
    }
    for (var [key, value] of Object.entries(palette.color))
      document.body.setAttribute("data-md-color-" + key, value);
  }
</script>