tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        primaryLight: '#FCF2F2',
        primaryDark: '#262A2C',
        primaryGreen: '#077467',
        secondaryGreen: '#BADEC2',
        bitterRed: '#FF5A5F',
        background: 'hsl(var(--background))',
        foreground: 'hsl(var(--foreground))',
        btn: {
          background: 'hsl(var(--btn-background))',
          'background-hover': 'hsl(var(--btn-background-hover))',
        },
      },
      fontFamily: {
        playfair: ['Playfair Display', 'serif'],
        source: ['Source Sans 3', 'sans-serif'],
      },
      transitionDuration: {
        2000: '2000ms',
      },
    },
  },
  plugins: [
    // eslint-disable-next-line func-names
    function ({ addVariant }) {
      addVariant('child', '& > *');
      addVariant('child-hover', '& > *:hover');
    },
  ],
};