src/theme.ts

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

const theme = createTheme({
  shape: {
    borderRadius: 2, // Sharp corners (reduced from default 4)
  },
  palette: {
    mode: 'light',
    primary: {
      main: '#212121', // Dark grey for primary actions
      contrastText: '#ffffff',
    },
    secondary: {
      main: '#424242', // Slightly lighter grey for secondary actions
      contrastText: '#ffffff',
    },
    background: {
      default: '#f5f5f5', // Light grey background
      paper: '#ffffff',   // White background for cards/paper
    },
    text: {
      primary: '#212121', // Dark grey for primary text
      secondary: '#616161', // Medium grey for secondary text
    },
    divider: '#e0e0e0', // Light grey for dividers
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          textTransform: 'none',
          borderRadius: '2px', // Sharp corners for buttons
          fontWeight: 500,
          padding: '6px 16px',
        },
        contained: {
          boxShadow: 'none',
          '&:hover': {
            boxShadow: '0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)',
          },
        },
      },
    },
    MuiCard: {
      styleOverrides: {
        root: {
          borderRadius: '2px', // Sharp corners for cards
          boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
          '&:hover': {
            boxShadow: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
          },
        },
      },
    },
    MuiPaper: {
      styleOverrides: {
        root: {
          borderRadius: '2px', // Sharp corners for paper components
        },
      },
    },
    MuiAppBar: {
      styleOverrides: {
        root: {
          borderRadius: 0, // No rounded corners for app bar
          boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
        },
      },
    },
  },
});

export default theme;