1  /** @type {import('tailwindcss').Config} */
 2  module.exports = {
 3    darkMode: ["class"],
 4    content: [
 5      './pages/**/*.{js,jsx}',
 6      './components/**/*.{js,jsx}',
 7      './app/**/*.{js,jsx}',
 8      './src/**/*.{js,jsx}',
 9    ],
10    prefix: "",
11    theme: {
12      container: {
13        center: true,
14        padding: "2rem",
15        screens: {
16          "2xl": "1400px",
17        },
18      },
19      extend: {
20        colors: {
21          maincolor: '#f4929a',
22          secondcolor: '#183969',
23          border: "hsl(var(--border))",
24          input: "hsl(var(--input))",
25          ring: "hsl(var(--ring))",
26          background: "hsl(var(--background))",
27          foreground: "hsl(var(--foreground))",
28          primary: {
29            DEFAULT: "hsl(var(--primary))",
30            foreground: "hsl(var(--primary-foreground))",
31          },
32          secondary: {
33            DEFAULT: "hsl(var(--secondary))",
34            foreground: "hsl(var(--secondary-foreground))",
35          },
36          destructive: {
37            DEFAULT: "hsl(var(--destructive))",
38            foreground: "hsl(var(--destructive-foreground))",
39          },
40          muted: {
41            DEFAULT: "hsl(var(--muted))",
42            foreground: "hsl(var(--muted-foreground))",
43          },
44          accent: {
45            DEFAULT: "hsl(var(--accent))",
46            foreground: "hsl(var(--accent-foreground))",
47          },
48          popover: {
49            DEFAULT: "hsl(var(--popover))",
50            foreground: "hsl(var(--popover-foreground))",
51          },
52          card: {
53            DEFAULT: "hsl(var(--card))",
54            foreground: "hsl(var(--card-foreground))",
55          },
56        },
57        borderRadius: {
58          lg: "var(--radius)",
59          md: "calc(var(--radius) - 2px)",
60          sm: "calc(var(--radius) - 4px)",
61        },
62        keyframes: {
63          "accordion-down": {
64            from: { height: "0" },
65            to: { height: "var(--radix-accordion-content-height)" },
66          },
67          "accordion-up": {
68            from: { height: "var(--radix-accordion-content-height)" },
69            to: { height: "0" },
70          },
71        },
72        animation: {
73          "accordion-down": "accordion-down 0.2s ease-out",
74          "accordion-up": "accordion-up 0.2s ease-out",
75        },
76      },
77    },
78    plugins: [require("tailwindcss-animate")],
79  }