/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: [
    "./packages/base/Resources/Private/**/*.html",
    "./packages/base/Resources/Private/**/*.js",
    "./packages/base/ContentBlocks/ContentElements/**/*.html",
    "./public/typo3conf/ext/*/Resources/Private/**/*.html",
  ],
  theme: {
    extend: {
      transitionProperty: {
        'max-height': 'max-height' // Add max-height to transition properties
      },
      fontFamily: {
        sans: ['Inter', ...defaultTheme.fontFamily.sans],
        hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
      },
      colors: {
        primary: {
          DEFAULT: '#0B197D', // Use SCSS primary color for text
          dark: '#1C2B00',
          light: '#4E5E32',
          'brand-blue': '#0B197D',
        },
        yellow: '#F5AE07',
        'light-green': '#F4F6EC',
        brand: '#6B8E23', // Added brand color for hover states from SCSS
      },
      maxHeight: {
        '0': '0',
        '[500px]': '500px', // Add specific max-height for mobile menu transition
      }
    },
  },
  plugins: [],
}