// Outlook Relook — Content Script Entry Point

(function () {
  'use strict';

  const OR = window.OutlookRelook;

  async function init() {
    const settings = await OR.loadSettings();
    console.log('[Outlook Relook] Loaded settings:', settings);

    // Apply color scheme attribute
    applyColorScheme(settings.colorScheme);

    // Listen for setting changes from popup
    chrome.storage.onChanged.addListener((changes, area) => {
      if (area !== 'sync') return;
      console.log('[Outlook Relook] Settings changed:', changes);

      // Re-apply color scheme if it changed
      if (changes.colorScheme) {
        applyColorScheme(changes.colorScheme.newValue);
      }
    });
  }

  function applyColorScheme(scheme) {
    let resolved = scheme;
    if (scheme === 'system') {
      resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }
    document.documentElement.setAttribute('data-outlook-relook-scheme', resolved);
    console.log('[Outlook Relook] Color scheme:', resolved);
  }

  // Listen for system theme changes when scheme is 'system'
  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', async () => {
    const settings = await OR.loadSettings();
    if (settings.colorScheme === 'system') {
      applyColorScheme('system');
    }
  });

  init();
})();