const GREY = {
  0: '#FFFFFF',
  100: '#F6F8FF',
  200: '#B1B8D8',
  300: '#767DA1',
  400: '#51537D',
  500: '#3E445A',
  600: '#13193C',
  700: '#0D1231',
  750: '#0A0D24',
  800: '#00001D',
  900: '#01020F',
};

const PRIMARY = {
  light: '#71FFCC',
  main: '#02EA96',
  dark: '#01292B',
  contrastText: GREY[900],
};

const SECONDARY = {
  main: '#F6F8FF',
};

const WARNING = {
  light: '#FFC478',
  main: '#FCA22D',
  dark: '#653900',
  contrastText: GREY[800],
};

const ERROR = {
  light: '#FF8581',
  main: '#DB1F35',
  dark: '#3D0007',
  contrastText: '#FFFFFF',
};

const GRADIENTS = {
  background: 'linear-gradient(226.6deg, #020731 4.51%, #01020F 93.9%)',
  neutral: 'linear-gradient(136deg, #0A1A7F 0%, #0B1556 100%)',
  chart: 'linear-gradient(180deg, #02EA96 0%, rgba(1, 4, 23, 0.00) 100%)',
  image: 'linear-gradient(180deg, rgba(1, 4, 23, 0.00) 0%, #010417 100%)',
  text: 'linear-gradient(261deg, #0187BE 0%, #02EA96 100%)',
  primary: {
    main: 'linear-gradient(100deg, #02EA96 0%, #01CAA4 100%)',
    hover: 'linear-gradient(136deg, #00C980 0%, #009C7F 100%)',
  },
  warning: {
    main: 'linear-gradient(136deg, #FFC478 0%, #FCA22D 100%)',
  },
  error: {
    main: 'linear-gradient(136deg, #FB675F 0%, #FF2927 100%)',
    hover: 'linear-gradient(136deg, #E33C35 0%, #D82A26 100%)',
  },
  info: {
    main: 'linear-gradient(136deg, #0A1A7F 0%, #0B1556 100%), radial-gradient(103.24% 76.23% at 29.35% 15.7%, #0A1A7F 0%, #0B1556 100%)',
  },
};

const COMMON = {
  common: {
    black: '#000000',
    white: '#FFFFFF',
  },
  primary: PRIMARY,
  secondary: SECONDARY,
  warning: WARNING,
  error: ERROR,
  grey: GREY,
  divider: alpha(GREY[100], 0.08),
  border: GREY[600],
  secondaryBorder: '#061EA5',
  gradients: GRADIENTS,
  discord: '#5865F2',
  action: {
    hover: alpha(GREY[100], 0.08),
    selected: alpha(GREY[500], 0.16),
    disabled: alpha(GREY[500], 0.8),
    disabledBackground: alpha(GREY[500], 0.24),
    focus: alpha(GREY[500], 0.24),
    hoverOpacity: 0.08,
    disabledOpacity: 0.48,
  },
  teamCt: {
    main: '#0074E8',
  },
  teamT: {
    main: '#FFD700',
  },
};