client/src/main.jsx

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { ThemeProvider, createTheme } from "@mui/material/styles";
import { CssBaseline } from "@mui/material";
import "./index.css";
import App from "./App.jsx";

// Créer un thème personnalisé
const theme = createTheme({
  typography: {
    fontFamily: '"Source Sans Pro", sans-serif',
    h1: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    h2: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    h3: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    h4: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    h5: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    h6: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    body1: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
    body2: {
      fontFamily: '"Source Sans Pro", sans-serif',
    },
  },
});

createRoot(document.getElementById("root")).render(
  <StrictMode>
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <App />
    </ThemeProvider>
  </StrictMode>
);