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

const theme = createTheme({
  palette: {
    mode: "light",
    primary: {
      main: "#5B1E8C",        // deep brand purple
      light: "#DCC6F2",       // lavender
      dark: "#3A1260",
      contrastText: "#ffffff",
    },
    secondary: {
      main: "#D4A24C",        // brand gold / accent
      light: "#FFD36B",
      dark: "#A07830",
      contrastText: "#ffffff",
    },
    background: {
      default: "#EFE4FA",     // light lavender bg
      paper: "#F8F2FD",       // card bg
    },
    text: {
      primary: "#2D0D52",
      secondary: "#7B5A9E",
    },
    divider: "#D5BEF0",
  },
  typography: {
    fontFamily: "'Inter', sans-serif",
    h1: { fontFamily: "'Cormorant Garamond', serif" },
    h2: { fontFamily: "'Cormorant Garamond', serif" },
    h3: { fontFamily: "'Cormorant Garamond', serif" },
    h4: { fontFamily: "'Cormorant Garamond', serif" },
    h5: { fontFamily: "'Cormorant Garamond', serif" },
    h6: { fontFamily: "'Cormorant Garamond', serif" },
    subtitle1: { fontFamily: "'Cinzel', serif" },
    subtitle2: { fontFamily: "'Cinzel', serif" },
  },
  shape: {
    borderRadius: 12,
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          textTransform: "none",
          borderRadius: 0,
          fontFamily: "'Cinzel', serif",
          letterSpacing: "0.15em",
        },
      },
    },
    MuiAppBar: {
      styleOverrides: {
        root: {
          boxShadow: "none",
        },
      },
    },
  },
});

export default theme;
