// tailwind.config.js
import { fonts } from "./lib/fonts.js";

const fontFamily = Object.fromEntries(
  Object.entries(fonts)
    .filter(([, d]) => d?.variable)
    .map(([name, d]) => [
      name.toLowerCase().replace(/\s+/g, ""),
      [`var(${d.variable})`],
    ])
);

export default {
  content: [
    "./pages/**/*.{js,jsx,ts,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
    "./lib/**/*.{js,jsx,ts,tsx}",
    "./styles/**/*.{css,js}",
  ],
  theme: { extend: { fontFamily } },
  plugins: [],
  // <<< Hier kommt die Safelist >>>
  safelist: [
    {
      pattern: /^font-/,
      variants: ["sm", "md", "lg", "xl"], // optional, falls responsive Klassen gebraucht werden
    },
  ],
};