// tailwind.config.js (or .ts)
import { fontFamily } from 'tailwindcss/defaultTheme';

/** @type {import('tailwindcss').Config} */
export default {
	content: [
		'./src/**/*.{html,js,svelte,ts}'
		// Add other relevant paths if necessary
	],
	theme: {
		extend: {
			fontFamily: {
				sans: ['Inter', ...fontFamily.sans]
			}
		}
	},
	plugins: [
		// Add any existing plugins required by shadcn-svelte
	],
	safelist: [
		// Safelist fuchsia colors you intend to use
		{ pattern: /bg-(fuchsia)-(50|100|200|300|400|500|600|700|800|900)/ },
		{ pattern: /text-(fuchsia)-(50|100|200|300|400|500|600|700|800|900)/ },
		{ pattern: /border-(fuchsia)-(50|100|200|300|400|500|600|700|800|900)/ },
		{ pattern: /ring-(fuchsia)-(50|100|200|300|400|500|600|700|800|900)/ }
		// Add other fuchsia utilities if needed (e.g., ring, placeholder)
	]
};
