script.js

const clock = document.getElementById("clock");

// ⏱️ Atualiza o relógio
function updateClock() {
  const now = new Date();

  const time = [
    now.getHours(),
    now.getMinutes(),
    now.getSeconds()
  ]
    .map(n => String(n).padStart(2, "0"))
    .join(":");

  clock.textContent = time;
}

// 🎨 Aplica tema salvo
function applySavedTheme() {
  const savedColor = localStorage.getItem("bgColor");
  if (!savedColor) return;

  document.body.style.backgroundColor = savedColor;
  applyContrast(savedColor);
}

// 🧠 Ajusta contraste automaticamente
function applyContrast(hexColor) {
  const [r, g, b] = hexToRgb(hexColor);

  const brightness = (r * 299 + g * 587 + b * 114) / 1000;
  document.body.style.color = brightness > 125 ? "#000" : "#fff";
}

// 🔧 Converte HEX → RGB
function hexToRgb(hex) {
  const clean = hex.replace("#", "");
  return [
    parseInt(clean.substring(0, 2), 16),
    parseInt(clean.substring(2, 4), 16),
    parseInt(clean.substring(4, 6), 16)
  ];
}

// ⏳ Sincroniza com o segundo real (sem drift)
function startClock() {
  updateClock();

  const delay = 1000 - new Date().getMilliseconds();

  setTimeout(() => {
    updateClock();
    setInterval(updateClock, 1000);
  }, delay);
}

// 🚀 Inicialização
document.addEventListener("DOMContentLoaded", () => {
  applySavedTheme();
  startClock();
});