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: {
      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',
          },
        },
        ['responsive', 'hover'] // Make this available for responsive and hover variants
      );
    },
  ],
} satisfies Config;