(function () {
  function applyTheme(theme) {
    document.documentElement.setAttribute("data-theme", theme);
    const toggle = document.getElementById("otbThemeToggle");
    if (toggle) toggle.checked = theme === "light";
  }

  function savedTheme() {
    return localStorage.getItem("otb_theme") || "dark";
  }

  window.addEventListener("DOMContentLoaded", function () {
    applyTheme(savedTheme());

    const toggle = document.getElementById("otbThemeToggle");
    if (!toggle) return;

    toggle.addEventListener("change", function () {
      const theme = toggle.checked ? "light" : "dark";
      localStorage.setItem("otb_theme", theme);
      applyTheme(theme);
    });
  });
})();