/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/App.tsx", "./src/components/*.tsx"],
  theme: {
    extend: {},
  },
  plugins: [require("tailwindcss-animate")],
  safelist: [
    // Generate minimum extra CSS
    {
      pattern: /bg-(gray|neutral)-50/,
    },
    {
      pattern: /bg-(gray|neutral)-(900|950)/,
      variants: ["dark"],
    },
    {
      pattern: /bg-(gray|neutral)-200/,
      variants: ["before", "after"],
    },
    {
      pattern: /bg-(gray|neutral)-800/,
      variants: ["before:dark", "after:dark"],
    },
    {
      pattern: /text-(gray|neutral)-400/,
      variants: ["hover"]
    },
    {
      pattern: /text-(gray|neutral)-500/,
      variants: ["dark", "placeholder"],
    },
    {
      pattern: /divide-(gray|neutral)-800/,
      variants: ["dark"],
    },
    {
      pattern: /border-(gray|neutral)-200/,
    },
    {
      pattern: /border-(gray|neutral)-700/,
      variants: ["dark"],
    },
  ],
};