let defaultConfig = require('tailwindcss/defaultConfig')()

var colors = {
  ...defaultConfig.colors,
  'black': '#000000',
}

module.exports = {
  ...defaultConfig,
  colors: colors,
  textColors: colors,
  backgroundColors: colors,
  borderColors: Object.assign({ default: colors['grey-light'] }, colors),
  plugins: [
    require('tailwindcss-interaction-variants')(),
    require('tailwindcss-spaced-items')(),
  ],
  modules: {
    ...defaultConfig.modules,
    textStyle: ['responsive', 'hover', 'focus', 'hocus'],
  },
  options: {
    ...defaultConfig.options,
    prefix: 'tw-',
    important: true,
  },
}