"use client";

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

/** SpaceFactory skin: MUI everywhere, but clean — near-black zinc surfaces,
 *  amber accent, no gradients, quiet borders, Roboto. */
const theme = createTheme({
  palette: {
    mode: "dark",
    primary: { main: "#fbbf24", contrastText: "#09090b" },
    secondary: { main: "#34d399" },
    error: { main: "#f87171" },
    success: { main: "#34d399" },
    background: { default: "#09090b", paper: "#111113" },
    divider: "#27272a",
    text: { primary: "#f4f4f5", secondary: "#a1a1aa" },
  },
  shape: { borderRadius: 12 },
  typography: {
    fontFamily:
      'Roboto, "Helvetica Neue", Arial, sans-serif',
    h6: { fontWeight: 600, letterSpacing: "-0.01em" },
    button: { textTransform: "none", fontWeight: 600 },
  },
  components: {
    MuiPaper: {
      defaultProps: { elevation: 0 },
      styleOverrides: {
        root: { backgroundImage: "none", border: "1px solid #27272a" },
      },
    },
    MuiAppBar: {
      defaultProps: { elevation: 0, color: "transparent" },
      styleOverrides: {
        root: {
          borderBottom: "1px solid #27272a",
          backdropFilter: "blur(8px)",
          backgroundColor: "rgba(9,9,11,0.85)",
        },
      },
    },
    MuiButton: { defaultProps: { disableElevation: true } },
    MuiTextField: { defaultProps: { size: "small" } },
    MuiChip: { styleOverrides: { root: { fontWeight: 500 } } },
    MuiTooltip: {
      styleOverrides: {
        tooltip: { backgroundColor: "#27272a", fontSize: 12 },
      },
    },
    MuiTab: { styleOverrides: { root: { textTransform: "none", minHeight: 40 } } },
    MuiTabs: { styleOverrides: { root: { minHeight: 40 } } },
  },
});

export default theme;