/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{js,jsx}',
    './partials/**/*.php',
    './includes/**/*.php',
    './single*.php',
    './category*.php',
    './tag*.php',
    './author*.php',
    './archive*.php',
    './template*.php',
    './search.php',
    './404.php',
    './footer.php',
    './header.php',
    './sidebar.php',
    './index.php',
    './functions.php',
    './acf-json/*.json',
  ],
  safelist: [
    'bg-black',
    'bg-white',
    'bg-gray',
    'bg-grayMedium',
    'bg-grayLight',
    'bg-neutral',
    'bg-beige',
    'bg-orange',
    'bg-red',
    'bg-yellow',
    'bg-pink',
    'bg-gold',
    'bg-green-400',
    'bg-green-600',
    'text-black',
    'text-white',
    'text-gray',
    'text-grayMedium',
    'text-grayLight',
    'text-neutral',
    'text-beige',
    'text-orange',
    'text-red',
    'text-yellow',
    'text-pink',
    'text-gold',
    'text-green-400',
    // Guide-specific classes
    'bg-gray-50',
    'bg-gray-200',
    'text-gray-600',
    'text-gray-700',
    'text-gray-900',
    'bg-green-500',
    'bg-yellow-500',
    'bg-red-500',
    'bg-opacity-70',
    'aspect-4/3',
    'line-clamp-2',
    'line-clamp-3',
    'text-green-600',
    'font-body',
    'font-heading',
    'font-italic',
    'font-cursive',
    'container',
    'aspect-square',
    'aspect-video',
    'aspect-1/1',
    'aspect-4/3',
    'aspect-3/4',
    'aspect-16/9',
    'aspect-9/16',
    'aspect-13/9',
    'object-cover',
    'object-contain',
    'last:hr:hidden',
    'lg:flex-row-reverse',
    'lg:flex-row ',
  ],
  theme: {
    colors: {
      black: '#000000',
      white: '#ffffff',
      gray: '#E9E9E9',
      grayMedium: '#D2D2D2',
      grayLight: '#F1F1F1',
      neutral: '#7f7f7f',
      beige: '#FFF8F5',
      orange: '#EC6726',
      red: '#E64E19',
      yellow: '#FDC300',
      pink: '#ffceb4',
      gold: '#CAA165',
      green: {
        400: '#65936F',
        600: '#004747',
      },
    },
    fontFamily: {
      body: ['Raleway', 'sans-serif'],
      heading: ['"SackersGothic"', 'sans-serif'],
      italic: ['"MrsEavesItalic"', 'serif'],
      cursive: ['"Bodoni Moda"', 'serif'],
    },

    container: {
      center: true,
      padding: {
        DEFAULT: '1.5rem',
        md: '1rem',
      },
    },
    screens: {
      sm: '600px',
      md: '728px',
      lg: '984px',
      xl: '1280px',
      '2xl': '1280px',
      'max-sm': { max: '599px' },
      'max-md': { max: '727px' },
      'max-lg': { max: '983px' },
    },
    extend: {
      fontSize: {
        // xs: [
        //   '0.75rem',
        //   {
        //     lineHeight: '1.35',
        //   },
        // ], //12
        sm: [
          '0.875rem',
          {
            lineHeight: '1.6',
          },
        ], //14
        base: [
          '1rem',
          {
            lineHeight: '1.6',
          },
        ], //20
        lg: [
          '1.125rem',
          {
            lineHeight: '1.5',
          },
        ], //22
        xl: [
          '1.25rem',
          {
            lineHeight: '1.5',
          },
        ], //28
        '2xl': [
          '1.5rem',
          {
            lineHeight: '1.35',
          },
        ], //34
        '3xl': [
          '2rem',
          {
            lineHeight: '1.35',
          },
        ], //40
        '5xl': [
          '2.8125rem',
          {
            lineHeight: '1.35',
          },
        ], //48
      },
      aspectRatio: {
        '1/1': '1 / 1',
        '4/3': '4 / 3',
        '3/4': '3 / 4',
        '16/9': '16 / 9',
        '9/16': '9 / 16',
        '13/9': '13 / 9',
      },
    },
  },
  plugins: [],
}
