const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
	content: [
		'./src/*.css',
		'./layouts/**/*.html'
	],
	safelist: [
		'p-4',
		'!text-white',
		'!underline',
	],
	theme: {
		extend: {
			colors: {
				primary: {
					lighter: '#3b7aec',
					DEFAULT: '#196aff',
					darker: '#0064ff',
				}
			},
			fontFamily: {
				title: ['Quicksand', ...defaultTheme.fontFamily.sans],
			},
			backgroundImage: {
				'hero-llama': "url('/images/bg-3.jpg')",
			},
		},
	},
	plugins: [
		require('@tailwindcss/typography'),
		require('@tailwindcss/forms'),
	],
}