tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
    content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"],
    theme: {
        container: {
            center: true,
            padding: "2rem",
            screens: {
                "2xl": "1400px",
            },
        },
        extend: {
            keyframes: {
                "accordion-down": {
                    from: { height: "0" },
                    to: { height: "var(--radix-accordion-content-height)" },
                },
                "accordion-up": {
                    from: { height: "var(--radix-accordion-content-height)" },
                    to: { height: "0" },
                },
            },
            animation: {
                "accordion-down": "accordion-down 0.2s ease-out",
                "accordion-up": "accordion-up 0.2s ease-out",
            },
            fontFamily: {
                "helvetica": ["var(--font-helvetica)"],
                "helvetica-compressed": ["var(--font-helvetica-compressed)"],
            },
            colors: {
                primary: "#635FC9",
                secondary: "#FBB80D",
                text: "#100322",
                background: "#323337", //#FBB80D
            },
            backgroundImage: {
                "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
                "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
                "hero-stars": "url('/images/hero-stars.png')",
                "footer-backdrop": "url('/images/footer-backdrop.svg')",
            },
            boxShadow: {
                event: "6px 10px 0px 0px #361566",
            },
        },
    },
    plugins: [require("tailwindcss-animate")],
} satisfies Config;

export default config;