duas/tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      keyframes: {
        shimmer: {
          '0%': { backgroundPosition: '-200% 0' },
          '100%': { backgroundPosition: '200% 0' },
        },
      },
      animation: {
        shimmer: 'shimmer 1.5s infinite linear', // Add shimmer animation here
      },
      boxShadow: {
        'header': '2px -10px 129px 35px #F4846F',
        'inner-header': '2px -20px 15px 30px rgba(244,132,111,1);',
      },
      fontFamily: {
        Calibri: ["Calibri"],
      },
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
      },
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities(
        {
          '.text-rendering-optimize-speed': {
            'text-rendering': 'optimizeSpeed',
          },
          '.no-ligatures': {
            'font-variant-ligatures': 'none', // Add this utility
          },
        },
        ['responsive', 'hover'] // Ensure this utility is available for responsive and hover variants
      );
    },
  ],
} satisfies Config;