frontend/src/theme.ts

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

// Create a custom theme that matches the original design
export const theme = createTheme({
  shape: {
    borderRadius: 0,
  },
  palette: {
    mode: "light",
    primary: {
      main: "#111827",
    },
    secondary: {
      main: "#f8fafc",
    },
    background: {
      default: "#ffffff",
      paper: "#f8fafc",
    },
  },
  typography: {
    fontFamily:
      "system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
  },
});