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

var colors = {
  ...defaultConfig.colors,
  'black': '#22292f',
  'black-60': 'rgba(0, 0, 0, .6)',
  'blue': '#3490dc',
  'blue-dark': '#2779bd',
  'blue-light': '#bcdefa',
  'green': '#77B159',
  'green-dark': '#325E1C',
  'green-light': '#CDE2C2',
  'green-lighter': '#F3FAEE',
  'grey': '#b8c2cc',
  'grey-dark': '#8795a1',
  'grey-darkest': '#3d4852',
  'grey-light': '#dae1e7',
  'grey-lighter': '#f0f0f0',
  'grey-lightest': '#F6F6F2',
  'transparent': 'transparent',
  'white': '#ffffff',
}

module.exports = {
  ...defaultConfig,
  colors: colors,
  textColors: colors,
  backgroundColors: colors,
  borderColors: Object.assign({ default: colors['grey-light'] }, colors),
  plugins: [
    require('tailwindcss/plugins/container')({
      center: true,
      padding: '1rem',
    }),
    require('tailwindcss-skip-link')(),
  ],
}