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

export const theme = createTheme({
  palette: {
    primary: {
      main: '#3F51B5', // Indigo
    },
    secondary: {
      main: '#FF4081',
    },
    background: {
      default: '#fafafa',
      paper: '#ffffff',
    },
  },
  typography: {
    fontSize: 11,
    body1: {
      fontSize: '11px',
    },
    body2: {
      fontSize: '11px',
    },
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          textTransform: 'none',
          fontSize: '11px',
        },
        sizeSmall: {
          padding: '4px 12px',
          fontSize: '10px',
        },
      },
    },
    MuiTextField: {
      styleOverrides: {
        root: {
          '& .MuiInputBase-input': {
            fontSize: '11px',
          },
        },
      },
    },
    MuiTableCell: {
      styleOverrides: {
        root: {
          fontSize: '11px',
          padding: '6px 8px',
        },
      },
    },
  },
});