/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./templates/**/*.html"],
	theme: {
		container: {
			padding: "2rem",
			center: true,
			screens: {
				sm: "540px",
				md: "640px",
				lg: "768px",
				xl: "900px",
				"2xl": "1024px"
			},
		},
		extend: {
			fontFamily: {
        display: ["InterDisplay", "system-ui", "sans-serif", "ui-sans-serif"],
				sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
				mono: ["IBMPlexMono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
			},
			maxWidth: {
				'prose': '65ch',
			},
		},
	},
	plugins: [
		require('@tailwindcss/typography'),
	],
};