export const ANIMATION_DURATIONS = {
  FAST: 200,
  NORMAL: 500,
  SLOW: 1000,
  VERY_SLOW: 2000
} as const;
export const SCREEN_BREAKPOINTS = {
  MOBILE: 768,
  TABLET: 1024,
  DESKTOP: 1200
} as const;
export const WIDGET_DIMENSIONS = {
  NORMAL: {
    WIDTH: "600px",
    HEIGHT: "600px"
  },
  EXPANDED: {
    WIDTH: "800px",
    HEIGHT: "812px"
  }
} as const;
export const COLORS = {
  PRIMARY: "#6155F5",
  SECONDARY: "#FF7E90",
  ACCENT: "#A939FF",
  BLUE: "#0020FF",
  WHITE: "#FFFFFF",
  BLACK: "#1A1A1A",
  GRAY: {
    LIGHT: "#F8F8F8",
    MEDIUM: "#EDEDED",
    DARK: "#666666"
  }
} as const;
export const GRADIENTS = {
  PRIMARY: "linear-gradient(to right, #FF7E90, #A939FF, #0020FF)",
  BACKGROUND:
    "linear-gradient(223deg, rgba(255, 252, 253, 1) 0%, rgba(255, 248, 249, 1) 25%, rgba(252, 248, 255, 1) 50%, rgba(249, 249, 255, 1) 76%, rgba(252, 253, 255, 1) 100%)"
} as const;