import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';

// Polices auto-hébergées, sous-ensemble latin, graisses limitées (performances + RGPD).
// Si brand.fonts change, adapte ces imports.
import '@fontsource/fraunces/latin-600.css';
import '@fontsource/fraunces/latin-700.css';
import '@fontsource/dm-sans/latin-400.css';
import '@fontsource/dm-sans/latin-500.css';
import '@fontsource/dm-sans/latin-700.css';
import './index.css';

import App from './App';
import { captureUtm } from './lib/tracking';
import { initAnalytics } from './lib/analytics';

captureUtm();
initAnalytics();

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