/** @type {import('tailwindcss').Config} */
export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				brand: {
					navy: '#002850', // Header & Hero background
					mint: '#A6DAD8', // The Comma accent color
					sand: '#E4E2D7', // Content background
					white: '#ffffff'
				}
			},
			fontFamily: {
				// Montserrat for UI/Headers, Merriweather for Body text (as established previously)
				sans: ['Montserrat', 'sans-serif'],
				serif: ['Merriweather', 'serif']
			},
			fontSize: {
				huge: '4rem' // For the large stats numbers (e.g., "29", "5000+")
			}
		}
	},
	plugins: []
};