const OVERLAY_THEME = {
  DARK: {
    color: "#121212",
    opacity: 0.1,
  },
  LIGHT: {
    color: "#FFFFFF",
    opacity: 0.1,
  },
};

const DARK_THEME = {
  backgroundColor: "#121212",
  typographyColor: "#FFFFFF",
  overlayColor: OVERLAY_THEME.LIGHT.color,
  overlayOpacity: OVERLAY_THEME.LIGHT.opacity,
};

const LIGHT_THEME = {
  backgroundColor: "#FFFFFF",
  typographyColor: "#121212",
  overlayColor: OVERLAY_THEME.DARK.color,
  overlayOpacity: OVERLAY_THEME.DARK.opacity,
};

const CUSTOM_THEME = {
  backgroundColor: "#FADF96",
  typographyColor: "#A1643E",
  overlayColor: OVERLAY_THEME.DARK.color,
  overlayOpacity: OVERLAY_THEME.DARK.opacity,
};

export { OVERLAY_THEME, DARK_THEME, LIGHT_THEME, CUSTOM_THEME };
