export const grey = {
  0: '#FFFFFF',
  5: '#F5F5F6',
  10: '#EAEAEC',
  15: '#DFDFE1',
  20: '#D5D5D7',
  25: '#C8C8CA',
  30: '#BCBCBE',
  35: '#B1B1B4',
  40: '#A4A4A8',
  45: '#9A9A9D',
  50: '#8D8D90',
  55: '#808084',
  60: '#747479',
  65: '#68686C',
  70: '#59595D',
  75: '#4A4A4E',
  80: '#3B3B3F',
  82: '#343438',
  85: '#2E2E32',
  88: '#27272B',
  90: '#1F1F23',
  93: '#16161A',
  95: '#0F0F12',
  100: '#000000',
};

export const greyText = {
  0: grey[95],
  5: grey[95],
  10: grey[95],
  15: grey[95],
  20: grey[95],
  25: grey[95],
  30: grey[95],
  35: grey[95],
  40: grey[95],
  45: grey[95],
  50: grey[5],
  55: grey[5],
  60: grey[5],
  65: grey[5],
  70: grey[5],
  75: grey[5],
  80: grey[5],
  82: grey[5],
  85: grey[5],
  88: grey[5],
  90: grey[5],
  93: grey[5],
  95: grey[5],
  100: grey[5],
};

export const greyForMUI = {
  50: grey[5],
  100: grey[10],
  200: grey[20],
  300: grey[30],
  400: grey[40],
  500: grey[50],
  600: grey[60],
  700: grey[70],
  800: grey[80],
  900: grey[90],
  A100: '#F3F3F3',
  A200: '#C7C7C7',
  A400: '#9A9A9A',
  A700: '#4F4F4F',
};