// import type { Config } from "tailwindcss";
/** @type {import('tailwindcss').Config} */
import type { Config } from "tailwindcss";
import lineClamp from "@tailwindcss/line-clamp";
const config: Config = {
	content: {
		files: [
			"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
			"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
			"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
		],
		// @ts-expect-error -- TailwindCSS v4.x: `safelist` not yet typed but supported
		safelist: [
			{
				pattern:
					/text-(red|blue|green|yellow|gray|stone|emerald|sky|pink|purple|white)-(100|200|300|400|500|600|700|800|900)/,
			},
		],
	},
	theme: {
		extend: {
			fontFamily: {
				sans: ["var(--font-rounded)", "Noto Sans JP", "sans-serif"],
				heading: ["var(--font-yusei)", "sans-serif"],
				serif: ["var(--font-mincho)", "serif"],
				deco: ["var(--font-rocknroll)", "sans-serif"],
			},
		},
	},

	plugins: [lineClamp],
};
export default config;