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

export const theme = createTheme({
  palette: {
    primary: { main: "#1a5fb4" },
    secondary: { main: "#e66100" },
    background: { default: "#f4f6f9" },
  },
  typography: {
    fontFamily: '"Segoe UI", Roboto, Helvetica, Arial, sans-serif',
    h5: { fontWeight: 700 },
    h6: { fontWeight: 700 },
  },
  components: {
    // Shop-floor tablets: keep touch targets comfortable.
    MuiButton: {
      defaultProps: { size: "medium" },
      styleOverrides: { root: { minHeight: 42, textTransform: "none", fontWeight: 600 } },
    },
    MuiTextField: { defaultProps: { size: "medium" } },
    MuiCard: {
      styleOverrides: {
        root: { borderRadius: 10, boxShadow: "0 1px 4px rgba(20,40,80,0.10)" },
      },
    },
  },
});

export const STAGE_COLORS: Record<string, { bg: string; fg: string }> = {
  new_request: { bg: "#fdf1d9", fg: "#8a5a00" },
  secondary_disposition: { bg: "#f3e5f5", fg: "#6a1b9a" },
  operations: { bg: "#e3f2fd", fg: "#0d47a1" },
  qc_inspection: { bg: "#e8f5e9", fg: "#1b5e20" },
  costing: { bg: "#fff3e0", fg: "#b45309" },
  closed: { bg: "#eceff1", fg: "#455a64" },
};