import teal from '@mui/material/colors/teal'
import cyan from '@mui/material/colors/cyan'
import { createMuiTheme, adaptV4Theme } from '@mui/material/styles'

const theme = createMuiTheme(
  adaptV4Theme({
    palette: {
      primary: cyan,
      secondary: teal,
    },
    typography: {
      h1: {
        fontSize: '1.5rem',
      },
      h2: {
        fontSize: '1.25rem',
      },
      h3: {
        fontSize: '1rem',
      },
      h4: {
        fontSize: '0.75rem',
      },
      h5: {
        fontSize: '0.50rem',
      },
      h6: {
        fontSize: '0.25rem',
      },
    },
  }),
)

export default theme
