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

/** Stampli-parity tokens from AP-29 capture (original recreation, not scraped CSS). */
export const muiTheme = createTheme({
  palette: {
    mode: "light",
    primary: {
      main: "#2F80ED",
      dark: "#2167AE",
      light: "#5B9CF2",
      contrastText: "#ffffff",
    },
    secondary: {
      main: "#7A2B8F",
    },
    error: {
      main: "#E74C3C",
    },
    warning: {
      main: "#F5A623",
    },
    background: {
      default: "#F4F6F9",
      paper: "#ffffff",
    },
    text: {
      primary: "#1D2B50",
      secondary: "#5A6A85",
    },
    divider: "#E2E8F0",
  },
  typography: {
    fontFamily: '"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif',
    h1: {
      fontFamily: '"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif',
      fontWeight: 600,
      fontSize: "1.5rem",
    },
    button: {
      textTransform: "none",
      fontWeight: 600,
    },
  },
  shape: {
    borderRadius: 6,
  },
  components: {
    MuiCssBaseline: {
      styleOverrides: {
        body: {
          backgroundColor: "#F4F6F9",
        },
      },
    },
    MuiTab: {
      styleOverrides: {
        root: {
          minHeight: 40,
          textTransform: "none",
          fontWeight: 600,
        },
      },
    },
    MuiButton: {
      styleOverrides: {
        root: {
          boxShadow: "none",
          "&:hover": { boxShadow: "none" },
        },
      },
    },
  },
});