tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [ './wp-org-assets/**/*.{html,js}' ],
	theme: {
		extend: {
			fontFamily: {
				sans: [ 'Open Sans', 'sans-serif' ],
				heading: [ 'DM Sans', 'sans-serif' ],
			},
			fontSize: {
				h1: [ '2.5rem', { lineHeight: '1.2' } ], // 40px
				h2: [ '2rem', { lineHeight: '1.3' } ], // 32px
				h3: [ '1.5rem', { lineHeight: '1.3' } ], // 24px
				h4: [ '1.25rem', { lineHeight: '1.4' } ], // 20px
				base: [ '1rem', { lineHeight: '1.6' } ], // 16px
				small: [ '0.875rem', { lineHeight: '1.5' } ], // 14px
				cta: [
					'1.125rem',
					{ lineHeight: '1.3', letterSpacing: '0.05em' },
				], // 18px
			},
			colors: {
				// Main Colors
				'warm-orange': '#FFAD33',
				'soft-cream': '#EBDFC6', // Updated color
				'deep-black': '#2A2A2A',
				'golden-yellow': '#FFD966',
				'midnight-blue': '#1C1C33',
				'secondary-text': '#6B7280',

				// Border Colors
				'dark-orange-border': '#E6922C',
				'light-tan-border': '#EDE3D1',
				'soft-charcoal-border': '#3A3A3A',
				'mid-gold-border': '#CCB34D',
				'deep-indigo-border': '#24244D',
			},
			backgroundSize: {
				'sz-25%': '25%',
			},
			backgroundImage: {
				'hero-image': "url('../header_bg.png')",
			},
			spacing: {
				'block-bottom': '110px',
				'line-bottom': '132px',
			},
		},
	},
	plugins: [],
};