// app/static/tema.js — alterna e persiste o tema claro/escuro do painel.
(function () {
  var botao = document.getElementById("botao-tema");
  if (!botao) return;

  function temaAtual() {
    var salvo = localStorage.getItem("tema");
    if (salvo === "claro" || salvo === "escuro") return salvo;
    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "escuro" : "claro";
  }

  botao.addEventListener("click", function () {
    var novo = temaAtual() === "escuro" ? "claro" : "escuro";
    document.documentElement.setAttribute("data-tema", novo);
    localStorage.setItem("tema", novo);
  });
})();