module.exports = {
	// allow PurgeCSS to analyze components
	content: [
		'./public/index.html',
		'./public/admin.html',
		'./src/**/*.{js,jsx,ts,tsx,vue}',
		'./assets/*.{css,scss}',
		'./node_modules/@variantjs/core/src/config/**/*.ts'
	],
	theme: {
		extend: {
			colors: {
				'neutral-50': '#F9FAFB',
				'neutral-100': '#F0F2F5',
				'neutral-200': '#E7E9EE',
				'neutral-300': '#DDE0E7', 
				'neutral-400': '#D5DAE1', 
				'neutral-500': '#CED3DC',
				'neutral-700': '#EBEDEF', 
				'neutral-800': '#BCC2CE',
				'neutral-900': '#B0B7C5',
	
				'primary-50': '#E6E4FF',
				'primary-100': '#C0BCFF',
				'primary-200': '#9690FF',
				'primary-300': '#887EFF',
				'primary-500': '#2C21FF',
				'primary-900': '#100BFF',
	
				'secondary-500': '#FFDB21',
				'secondary-100': '#FFF4BC', 
				'secondary-300': '#FFE664',
				'secondary-900': '#FFC40B',
	
				'info-50': '#EBF7FD',
				'info-100': '#CEECF9',
				'info-300': '#8CD3F1',
				'info-500': '#5BC0EB',
				'info-900': '#2F9CDD',
	
				'success-50': '#EFFAE6', 
				'success-100': '#D7F2C0', 
				'success-300': '#A1E06B',
				'success-500': '#79D22C',
				'success-900': '#49B610',

				'warning-50': '#FFFAE8', 
				'warning-100': '#FFF2C5',
				'warning-500': '#FFDB21',
				'warning-900': '#FFB61B', 
	
				'danger-50': '#FFE6E4', 
				'danger-100': '#FFC2BC',
				'danger-300': '#FF7064',
				'danger-500': '#FF3221',
				'danger-900': '#2F9CDD',
	
				'base-50': '#E5E4E4',
				'base-100': '#BDBCBC',
				'base-200': '#918F90',
				'base-500': '#231F20',
				'base-900': '#0C0A0B',
			},
			fontFamily: {
				'primary': 'Lato',
			},
			fontSize: {
				'base': '0.875rem',
				'md': '1.125rem',
				'lg': '1.25rem',
				'xl': '1.75rem',
				'2xl': '2rem',
			},
			lineHeight: {
				'xs': '1.66',
				'base': '1.57',
				'lg': '1.8',
				'xl': '1.375rem'
			}
		},
	},
	variants: {
		extend: {
			opacity: ['disabled'],
			cursor: ['disabled'],
		},
	},
	important: '#vue-admin-app',
	// prefix: 'boostsite_ai_content_generator-', //to prevent overlapping styles from WP
	plugins: [
		require('@tailwindcss/forms')
	],
}
