text: module.exports = {
      plugins: [
          require('tailwind-css-variables')()
      ],
      theme: {
          extend: {
              colors: {
                  'black-faded': 'rgba(0, 0, 0, .5)',
                  'white-faded': 'rgba(255, 255, 255, .5)',
                  'gray-faded': {
                      100: 'hsla(205.3, 44.2%, 97.9%, .5)',
                      200: 'hsla(210, 39.2%, 94.9%, .5)',
                      300: 'hsla(213.8, 31.8%, 91.4%, .5)',
                      400: 'hsla(211.5, 25.2%, 83.7%, .5)',
                      500: 'hsla(213.8, 20.3%, 69%, .5)',
                      600: 'hsla(215.6, 15%, 51.6%, .5)',
                      700: 'hsla(218.1, 16.9%, 34.9%, .5)',
                      800: 'hsla(217.4, 23.1%, 22.9%, .5)',
                      900: 'hsla(220.6, 25.8%, 13.8%, .5)',
                  },
                  'purple-faded': {
                      100: 'hsla(269.2, 100%, 98.1%, .5)',
                      200: 'hsla(267.7, 90.1%, 92%, .5)',
                      300: 'hsla(265.2, 85.9%, 85.9%, .5)',
                      400: 'hsla(262, 81.4%, 76.9%, .5)',
                      500: 'hsla(259.9, 72.8%, 69.8%, .5)',
                      600: 'hsla(258.5, 59.4%, 59.4%, .5)',
                      700: 'hsla(258, 49.8%, 51.6%, .5)',
                      800: 'hsla(255.9, 44%, 41.9%, .5)',
                      900: 'hsla(254.5, 41%, 33.9%, .5)',
                  },
                  'text': {
                      base: 'hsl(210.2, 29%, 24.3%)',
                      light: 'hsl(210.2, 29%, 31.3%)',
                  },
                  'background': {
                      base: '#fafcff',
                      light: '#ffffff',
                  },
              }
          }
      }
  }