// Run before the app paints. Keep theme names/base colors aligned with src/theme.ts.
(() => {
  const bases = { latte: '#eff1f5', frappe: '#303446', macchiato: '#24273a', mocha: '#1e1e2e' };
  let theme = 'mocha';
  try {
    const saved = localStorage.getItem('wikideck-theme');
    if (Object.hasOwn(bases, saved)) theme = saved;
  } catch { /* Storage can be unavailable in privacy-restricted browsers. */ }
  document.documentElement.dataset.theme = theme;
  document.documentElement.style.colorScheme = theme === 'latte' ? 'light' : 'dark';
  document.querySelector('meta[name="theme-color"]')?.setAttribute('content', bases[theme]);
})();