tailwind.config.js

/** @type {import("tailwindcss").Config} */
module.exports = {
	content: ["./app/**/*.{ts,tsx}"],

	darkMode: "media",

	theme: {
		extend: {
			fontFamily: {
				sans: [
					"Mona Sans",
					"ui-sans-serif",
					"system-ui",
					"-apple-system",
					"BlinkMacSystemFont",
					"Inter",
					"Segoe UI",
					"Roboto",
					"sans-serif",
					"Apple Color Emoji",
					"Segoe UI Emoji",
					"Segoe UI Symbol",
					"Noto Color Emoji",
				],
			},

			minWidth: {
				prose: "65ch",
			},

			maxWidth: {
				prose: "65ch",
			},

			inset: {
				full: "100%",
			},

			scale: {
				500: "5",
			},

			fontSize: {
				"7xl": "5rem",
				"8xl": "6rem",
			},
		},
	},

	variants: {
		extend: {
			padding: ["first", "last"],
			typography: ["dark"],
		},
	},

	plugins: [
		require("@tailwindcss/typography"),
		require("tailwindcss-react-aria-components"),
		require("tailwindcss-animate"),
	],
};