'use client';
import { ReactNode } from 'react';
import { ThemeProvider, createTheme } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';
const theme = createTheme({
palette: {
mode: 'light',
primary: {
main: '#2e7d32', // Forest green
light: '#66bb6a', // Light green
dark: '#1b5e20', // Dark green
},
secondary: {
main: '#81c784', // Mint green
light: '#a5d6a7', // Pale green
dark: '#4caf50', // Medium green
},
success: {
main: '#43a047', // Success green
},
background: {
default: '#f1f8e9', // Very light green tint
paper: '#ffffff',
},
},
typography: {
fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
},
components: {
MuiButton: {
styleOverrides: {
root: {
textTransform: 'none',
},
},
},
},
});
export default function ThemeRegistry({ children }: { children: ReactNode }) {
return (
<ThemeProvider theme={theme}>
<CssBaseline />
{children}
</ThemeProvider>
);
}