Tailwind Config Generator

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
  "primary": "#3b82f6",
  "secondary": "#64748b",
  "accent": "#8b5cf6",
  "neutral": "#1e293b"
},
      fontFamily: {
  "sans": [
    "Inter",
    "system-ui",
    "sans-serif"
  ],
  "serif": [
    "Georgia",
    "serif"
  ],
  "mono": [
    "Fira Code",
    "monospace"
  ]
},
      spacing: {
  "xs": "0.5rem",
  "sm": "0.75rem",
  "md": "1rem",
  "lg": "1.25rem",
  "xl": "1.5rem",
  "2xl": "2rem"
},
      borderRadius: {
  "sm": "0.25rem",
  DEFAULT: "0.375rem",
  "md": "0.5rem",
  "lg": "0.75rem",
  "xl": "1rem",
  "2xl": "1.5rem",
  "full": "9999px"
},
      screens: {
  "sm": "640px",
  "md": "768px",
  "lg": "1024px",
  "xl": "1280px",
  "2xl": "1536px"
},
      container: {
        center: true,
        padding: "1.5rem",
        screens: "2xl",
      },
    },
  },
  plugins: [],
}