const theme = createTheme({ palette: { mode: 'light', primary: { main: '#1976d2', light: '#42a5f5', dark: '#1565c0', contrastText: '#fff' }, secondary: { main: '#9c27b0', light: '#ba68c8', dark: '#7b1fa2', contrastText: '#fff' }, error: { main: '#d32f2f' }, warning: { main: '#ed6c02' }, info: { main: '#0288d1' }, success: { main: '#2e7d32' } }, typography: { fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif', h1: { fontSize: '2.5rem', fontWeight: 600 }, h2: { fontSize: '2rem', ...