"use client";
import { createTheme } from "@mui/material";
import { grey } from "@mui/material/colors";

const theme = createTheme({
    direction: "rtl",
    typography: {
        fontFamily: `IRANSansFaNum, sans-serif`,
        fontSize: 12,
    },
    palette: {
        primary: {
            main: "#2070af",
            contrastText: "#fff",
        },
        primary2: {
            main: "#015688",
            contrastText: "#fff",
        },
        secondary: {
            main: grey[700],
        },
    },
    components: {
        MuiBackdrop: {
            styleOverrides: {
                root: {
                    backdropFilter: "blur(2px)",
                    backgroundColor: "rgba(0, 0, 0, 0.5)",
                },
            },
        },
    },
});

export default theme;