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

export const theme = createTheme({
  palette: {
    mode: "dark",
    primary: { main: "#7c5cff" },
    secondary: { main: "#22c1a0" },
    background: {
      default: "#0a0f1c",
      paper: "#111a30",
    },
    text: {
      primary: "#e6ecff",
      secondary: "#9bb4ff",
    },
  },
  shape: { borderRadius: 10 },
  typography: {
    fontFamily:
      "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
    h6: { fontWeight: 700, letterSpacing: 0.2 },
    button: { textTransform: "none", fontWeight: 600 },
  },
  components: {
    MuiPaper: {
      styleOverrides: {
        root: {
          backgroundImage: "none",
          border: "1px solid rgba(155, 180, 255, 0.08)",
        },
      },
    },
    MuiButton: {
      styleOverrides: { root: { borderRadius: 999, paddingInline: 16 } },
    },
    MuiTextField: {
      defaultProps: { variant: "outlined", size: "small" },
    },
  },
});