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

// Matches DIDI admin-dashboard palette (deep blue + honest teal accent)
// Dark by default — AI platform admins live in this UI all day.
export const theme = createTheme({
  palette: {
    mode: 'dark',
    primary: { main: '#0052CC' },
    secondary: { main: '#00BFA6' },
    success: { main: '#28A745' },
    error: { main: '#E63946' },
    warning: { main: '#FF8C42' },
    background: {
      default: '#050510',
      paper: '#0E0E1A',
    },
    text: {
      primary: '#E8E8E8',
      secondary: '#A0A0B0',
    },
    divider: '#1f1f2f',
  },
  typography: {
    fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif',
    h1: { fontSize: 32, fontWeight: 700 },
    h2: { fontSize: 24, fontWeight: 600 },
    h3: { fontSize: 20, fontWeight: 500 },
    h4: { fontSize: 16, fontWeight: 500 },
    body1: { fontSize: 14 },
    button: { textTransform: 'none', fontWeight: 500 },
  },
  shape: { borderRadius: 8 },
  components: {
    MuiButton: {
      styleOverrides: {
        root: { borderRadius: 8 },
      },
    },
    MuiCard: {
      styleOverrides: {
        root: {
          borderRadius: 12,
          backgroundColor: '#0E0E1A',
          border: '1px solid #1f1f2f',
        },
      },
    },
    MuiAppBar: {
      styleOverrides: {
        root: {
          backgroundColor: '#0A0A14',
          backgroundImage: 'none',
          borderBottom: '1px solid #1f1f2f',
        },
      },
    },
    MuiDrawer: {
      styleOverrides: {
        paper: {
          backgroundColor: '#0A0A14',
          borderRight: '1px solid #1f1f2f',
        },
      },
    },
  },
});