React website

website/simply-cpq/src/main.tsx

@@ -1,13 +1,23 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { createTheme, CssBaseline, ThemeProvider } from '@mui/material'
 // Supports weights 100-900
 import '@fontsource-variable/inter/wght.css';
 import './index.css'
 import App from './App.tsx'
 
+const theme = createTheme({
+  typography: {
+    fontFamily: '"Inter Variable", "Inter", sans-serif',
+  },
+})
+
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <App />
+    </ThemeProvider>
   </StrictMode>
 );