tailwindcss.config.js

module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {

    extend: {
      fontFamily: {
        'pacifico': ['Pacifico'],
        'montserrat': ['Montserrat'],
        'roboto': ['Roboto'],
        'righteous': ['Righteous'],
        'lato': ['Lato'],
        'raleway': ['Raleway'],
      },

    },
    colors: {
      // Configure your color palette here
      // 'pink-base': '#ef0087',
      secondary: 'var(--color-secondary)',

    },

  },
  variants: {
    extend: {},
  },
  plugins: [],
}