1import tailwindcssAnimate from 'tailwindcss-animate';
  2import tailwindcssForm from '@tailwindcss/forms';
  3import tailwindcssAspectRatio from '@tailwindcss/aspect-ratio';
  4import tailwindcssTypography from '@tailwindcss/typography';
  5import { nextui } from '@nextui-org/react'
  6
  7/** @type {import('tailwindcss').Config} */
  8const config = {
  9  darkMode: ["class"],
 10  content: [
 11    './pages/**/*.{ts,tsx}',
 12    './components/**/*.{ts,tsx}',
 13    './app/**/*.{ts,tsx}',
 14    './src/**/*.{ts,tsx}',
 15    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
 16  ],
 17  prefix: "",
 18  theme: {
 19    screens: {
 20      'sm': '0',
 21      'md': '768px',
 22      'lg': '1024px',
 23      'xl': '1280px',
 24    },
 25    container: {
 26      center: true,
 27      padding: "2rem",
 28      screens: {
 29        "2xl": "1400px",
 30      },
 31    },
 32    extend: {
 33      colors: {
 34        border: "hsl(var(--border))",
 35        input: "hsl(var(--input))",
 36        ring: "hsl(var(--ring))",
 37        background: "hsl(var(--background))",
 38        foreground: "hsl(var(--foreground))",
 39        primary: {
 40          DEFAULT: "hsl(var(--primary))",
 41          foreground: "hsl(var(--primary-foreground))",
 42        },
 43        secondary: {
 44          DEFAULT: "hsl(var(--secondary))",
 45          foreground: "hsl(var(--secondary-foreground))",
 46        },
 47        destructive: {
 48          DEFAULT: "hsl(var(--destructive))",
 49          foreground: "hsl(var(--destructive-foreground))",
 50          accent: "hsl(var(--destructive-accent))",
 51        },
 52        muted: {
 53          DEFAULT: "hsl(var(--muted))",
 54          foreground: "hsl(var(--muted-foreground))",
 55        },
 56        accent: {
 57          DEFAULT: "hsl(var(--accent))",
 58          foreground: "hsl(var(--accent-foreground))",
 59        },
 60        popover: {
 61          DEFAULT: "hsl(var(--popover))",
 62          foreground: "hsl(var(--popover-foreground))",
 63        },
 64        card: {
 65          DEFAULT: "hsl(var(--card))",
 66          foreground: "hsl(var(--card-foreground))",
 67        },
 68      },
 69      borderRadius: {
 70        lg: "var(--radius)",
 71        md: "calc(var(--radius) - 2px)",
 72        sm: "calc(var(--radius) - 4px)",
 73      },
 74      keyframes: {
 75        "accordion-down": {
 76          from: { height: "0" },
 77          to: { height: "var(--radix-accordion-content-height)" },
 78        },
 79        "accordion-up": {
 80          from: { height: "var(--radix-accordion-content-height)" },
 81          to: { height: "0" },
 82        },
 83      },
 84      animation: {
 85        "accordion-down": "accordion-down 0.2s ease-out",
 86        "accordion-up": "accordion-up 0.2s ease-out",
 87      },
 88      fontFamily: {
 89        'font-body': ['Lato'],
 90        'font-header': ['Ubuntu'],
 91      }
 92    },
 93  },
 94  plugins: [
 95    nextui(),
 96    tailwindcssAnimate,
 97    tailwindcssForm,
 98    tailwindcssAspectRatio,
 99    tailwindcssTypography
100  ],
101}
102
103export default config;