import { createTheme } from '@mui/material/styles';

// A basic theme for the application
const theme = createTheme({
  palette: {
    primary: {
      main: '#6750A4', // A Material Design 3 primary color
    },
    secondary: {
      main: '#958DA5',
    },
    background: {
      default: '#F3F4F6', // A light grey background
    },
  },
  typography: {
    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
  },
});

export default theme;
