text: /**
   * Colors
   */
  const color = {
    primary: {
      _100: '#F2F6FF',
      _200: '#D9E4FF',
      _300: '#A6C1FF',
      _400: '#598BFF',
      _500: '#3F63F2',
      _600: '#274BDB',
      _700: '#1A34B8',
      _800: '#102694',
      _900: '#091C7A',
  
      transparency: {
        _100: 'rgba(51, 102, 255, .08)',
        _200: 'rgba(51, 102, 255, .16)',
        _300: 'rgba(51, 102, 255, .24)',
        _400: 'rgba(51, 102, 255, .32)',
        _500: 'rgba(51, 102, 255, .40)',
        _600: 'rgba(51, 102, 255, .48)',
      },
  
      states: {
        hover: '#598BFF',
        focus: '#274BDB',
        active: '#274BDB',
        default: '#3366FF',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  
    gray: {
      _100: '#FFFFFF',
      _200: '#F7F9FC',
      _300: '#EDF1F7',
      _400: '#E4E9F2',
      _500: '#C5CEE0',
      _600: '#8F9BB3',
      _700: '#2E3A59',
      _800: '#222B45',
      _900: '#1A2138',
      _1000: '#151A30',
      _1100: '#101426',
  
      transparency: {
        _100: 'rgba(143, 155, 179, .08)',
        _200: 'rgba(143, 155, 179, .16)',
        _300: 'rgba(143, 155, 179, .24)',
        _400: 'rgba(143, 155, 179, .32)',
        _500: 'rgba(143, 155, 179, .40)',
        _600: 'rgba(143, 155, 179, .48)',
      },
  
      states: {
        hover: '#F7F9FC',
        focus: '#E4E9F2',
        active: '#E4E9F2',
        default: '#EDF1F7',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  
    success: {
      _100: '#EDFFF3',
      _200: '#B3FFD6',
      _300: '#8CFAC7',
      _400: '#51F0B0',
      _500: '#00E096',
      _600: '#00B383',
      _700: '#008F72',
      _800: '#007566',
      _900: '#00524C',
  
      transparency: {
        _100: 'rgba(0, 224, 150, .08)',
        _200: 'rgba(0, 224, 150, .16)',
        _300: 'rgba(0, 224, 150, .24)',
        _400: 'rgba(0, 224, 150, .32)',
        _500: 'rgba(0, 224, 150, .40)',
        _600: 'rgba(0, 224, 150, .48)',
      },
  
      states: {
        hover: '#51F0B0',
        focus: '#00B383',
        active: '#00B383',
        default: '#00E096',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  
    info: {
      _100: '#F2F8FF',
      _200: '#C7E2FF',
      _300: '#94CBFF',
      _400: '#42AAFF',
      _500: '#0095FF',
      _600: '#006FD6',
      _700: '#0057C2',
      _800: '#0041A8',
      _900: '#002885',
  
      transparency: {
        _100: 'rgba(0, 149, 255, .08)',
        _200: 'rgba(0, 149, 255, .16)',
        _300: 'rgba(0, 149, 255, .24)',
        _400: 'rgba(0, 149, 255, .32)',
        _500: 'rgba(0, 149, 255, .40)',
        _600: 'rgba(0, 149, 255, .48)',
      },
  
      states: {
        hover: '#42AAFF',
        focus: '#006FD6',
        active: '#006FD6',
        default: '#0095FF',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  
    warning: {
      _100: '#FFFDF2',
      _200: '#FFF1C2',
      _300: '#FFE59E',
      _400: '#FFC94D',
      _500: '#FFAA00',
      _600: '#DB8B00',
      _700: '#B86E00',
      _800: '#945400',
      _900: '#703C00',
  
      transparency: {
        _100: 'rgba(255, 170, 0, .08)',
        _200: 'rgba(255, 170, 0, .16)',
        _300: 'rgba(255, 170, 0, .24)',
        _400: 'rgba(255, 170, 0, .32)',
        _500: 'rgba(255, 170, 0, .40)',
        _600: 'rgba(255, 170, 0, .48)',
      },
  
      states: {
        hover: '#FFC94D',
        focus: '#DB8B00',
        active: '#DB8B00',
        default: '#FFAA00',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  
    danger: {
      _100: '#FFF2F2',
      _200: '#FFD6D9',
      _300: '#FFA8B4',
      _400: '#FF708D',
      _500: '#FF3D71',
      _600: '#DB2C66',
      _700: '#B81D5B',
      _800: '#94124E',
      _900: '#700940',
  
      transparency: {
        _100: 'rgba(255, 61, 113, .08)',
        _200: 'rgba(255, 61, 113, .16)',
        _300: 'rgba(255, 61, 113, .24)',
        _400: 'rgba(255, 61, 113, .32)',
        _500: 'rgba(255, 61, 113, .40)',
        _600: 'rgba(255, 61, 113, .48)',
      },
  
      states: {
        hover: '#FF708D',
        focus: '#DB2C66',
        active: '#DB2C66',
        default: '#FF3D71',
        disabled: 'rgba(143, 155, 179, .24)',
      },
    },
  };
  
  export default color;
  