/** @type {import('tailwindcss').Config} */
import colors from 'tailwindcss/colors'

export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'media',
  theme: {
    colors: {
      ...colors,
      'whatsapp': {
        DEFAULT: '#25D366',
        dark: '#075E54',
        second: '#128c7e',
        gossip: '#dcf8c6',
        bg: '#ece5dd', // '#efeae2' '#eae6df' '#d1d7db'
        bgdark: '#0b141a',
        me: '#ccd5ae', // '#d9fdd3'
      },
      'primary': '#1ba784',
    },
    extend: {
      // gridTemplateColumns: {
      //   'responsive':repeat(autofill,minmax('300px',1fr))
      // }
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false,
    divideColor: true,
  }
};
