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: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
        'gradient-start': '#55C79A',
        'gradient-middle': '#907CFF',
        'gradient-end': '#FC876D',
      },
      fontSize: {
        'xxs': '10px', // Define a custom size smaller than text-xs
      },
      fontFamily: {
        playfair: ['"Playfair Display"', 'serif'],
        lato: ['Lato', 'sans-serif'],
        haas: ['NeueHaasDisplayThin', 'sans-serif'],
        abril: ['"Abril Fatface"', 'sans-serif'],
        matteo: ['Matteo', 'sans-serif'],
        matteoregular: ['Matteo-Regular', 'sans-serif'],
      },
      height: {
        '210': '210px',
      },
    },
  },
  plugins: [],
};
export default config;