import type { Config } from "tailwindcss"; export default { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { colors: { background: "var(--background)", foreground: "var(--foreground)", }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, backgroundPosition: { "center-bottom": "center bottom", }, backgroundImage: { hero: "url('https://i.ibb.co/99d3vzY/image.png')", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config;