document.addEventListener('DOMContentLoaded', function() {
  const nightCheckbox = document.getElementById('night');
  const now = new Date();
  const currentHour = now.getHours();
  
  // Check if the current hour is between 8 PM (20) and 8 AM (8)
  const isNightTime = currentHour >= 20 || currentHour < 8;

  if (nightCheckbox && isNightTime) {
    nightCheckbox.checked = true;
  }
});

document.addEventListener('DOMContentLoaded', function () {
  const checkbox = document.getElementById('night');

  function applyTheme(isNight) {
    if (isNight) {
      document.documentElement.style.setProperty('--bg-color', 'var(--bg-night)');
      document.documentElement.style.setProperty('--font-color', 'var(--font-night)');
      document.documentElement.style.setProperty('--border-size', 'var(--border-night)');
      document.documentElement.style.setProperty('--border-size2', 'var(--border-day)');
      document.documentElement.style.setProperty('--highlight-day', 'var(--hellblau)');
      document.documentElement.style.setProperty('--highlight-night', 'var(--hellrot)');
      document.documentElement.style.setProperty('--fontweight-headline', 'var(--headline-night)');
      document.documentElement.style.setProperty('--fontweight-text', 'var(--text-night)');
    } else {
      document.documentElement.style.setProperty('--bg-color', 'var(--bg-day)');
      document.documentElement.style.setProperty('--font-color', 'var(--font-day)');
      document.documentElement.style.setProperty('--border-size', 'var(--border-day)');
      document.documentElement.style.setProperty('--border-size2', 'var(--border-night)');
      document.documentElement.style.setProperty('--highlight-day', 'var(--hellrot)');
      document.documentElement.style.setProperty('--highlight-night', 'var(--hellblau)');
      document.documentElement.style.setProperty('--fontweight-headline', 'var(--headline-day)');
      document.documentElement.style.setProperty('--fontweight-text', 'var(--text-day)');
    }
  }

  if (checkbox) {
    applyTheme(checkbox.checked);

    checkbox.addEventListener('change', function () {
      applyTheme(this.checked);
    });
  }
});