import "@material-ui/styles";

declare module "@mui/material/styles" {
    interface Palette {
        custom: {
            lightPurple: Palette["primary"],
            darkPurple: Palette["primary"],
            brightPurple: Palette["primary"],
            grey: Palette["primary"],
            orange: Palette["primary"],
        };
    }
    interface PaletteOptions {
        custom: {
            lightPurple?: PaletteOptions["primary"],
            darkPurple?: PaletteOptions["primary"],
            brightPurple?: PaletteOptions["primary"],
            grey?: PaletteOptions["primary"],
            orange?: PaletteOptions["primary"],
        };
    }
    interface TypographyVariants {
        infographic: React.CSSProperties;
        p1: React.CSSProperties;
    }
    interface TypographyVariantsOptions {
        infographic?: React.CSSProperties;
        p1?: React.CSSProperties;
    }
}

declare module "@mui/material/Typography" {
    interface TypographyPropsVariantOverrides {
        infographic: true;
        p1: true;
    }
}