tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
	darkMode: ['class'],
	content: [
		'./pages/**/*.{ts,tsx}',
		'./components/**/*.{ts,tsx}',
		'./app/**/*.{ts,tsx}',
		'./src/**/*.{ts,tsx}',
	],
	theme: {
		container: {
			center: true,
			padding: '2rem',
			screens: {
				'2xl': '1400px',
			},
		},
		extend: {
			keyframes: {
				'accordion-down': {
					from: { height: 0 },
					to: { height: 'var(--radix-accordion-content-height)' },
				},
				'accordion-up': {
					from: { height: 'var(--radix-accordion-content-height)' },
					to: { height: 0 },
				},
			},
			animation: {
				'accordion-down': 'accordion-down 0.2s ease-out',
				'accordion-up': 'accordion-up 0.2s ease-out',
			},
			colors: {
				'primary-color': '#003366',
				'dark-primary': '#091F3F',
				'secondary-color': '#34A0A4',
			},
			backgroundImage: {
				estate: 'url(/assets/images/estate.jpg) ',
			},
			fontFamily: {
				inter: ['var(--font-inter)'],
				poppins: ['var(--font-poppins)'],
			},
		},
	},
	plugins: [require('tailwindcss-animate')],
};