import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import App from './App';
import { registerServiceWorker } from './offline';
import './index.css';
import './design-v2.css';

// F3c — resolve theme BEFORE first paint: persisted choice wins, else OS preference.
try {
  const saved = localStorage.getItem('mbf-theme');
  const dark = saved ? saved === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
  if (dark) document.documentElement.classList.add('dark');
} catch { /* no storage (private mode) — light default */ }

// P4 — installable offline-first PWA: register the app-shell service worker.
registerServiceWorker();

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </StrictMode>,
);