import "@mui/material/styles";
import "@mui/material/Typography";

declare module "@mui/material/styles" {
  interface TypographyVariants {
    pageTitle: React.CSSProperties;
    sectionTitle: React.CSSProperties;
    pageDescription: React.CSSProperties;
  }
  interface TypographyVariantsOptions {
    pageTitle?: React.CSSProperties;
    sectionTitle?: React.CSSProperties;
    pageDescription?: React.CSSProperties;
  }
  interface TypeBackground { elevated: string }
  interface Palette {
    border: { subtle: string; default: string; strong: string };
    focus: { main: string; inverse: string };
    navigation: {
      background: string; border: string; text: string; muted: string; hover: string;
      selected: string; selectedText: string; selectedIcon: string;
    };
  }
  interface PaletteOptions {
    border?: Palette["border"];
    focus?: Palette["focus"];
    navigation?: Palette["navigation"];
  }
}

declare module "@mui/material/Typography" {
  interface TypographyPropsVariantOverrides {
    pageTitle: true;
    sectionTitle: true;
    pageDescription: true;
  }
}