// tailwind-config.js
tailwind.config = {
    theme: {
        extend: {
          colors: {
              'bgMain': '#F2E6D5',      // Main background color
              'bgMain2': '#5B3A29',     // Background color for product cards
              'textMain': '#4A2C2A',     // Main text color
              'textMain2': '#EAEAEA',    // Alt text color
              'linkMain': '#D69A2D',      // Color for links
              'btnMain': '#A0522D',      // Background color for buttons
              'btnMain2': '#C6A25B',     // Revised alt background color for buttons
          },
          screens: {
            'xs': '480px', // Add xs size
          },
          fontFamily: {
              libre: ['"Libre Baskerville"', 'serif'], // Add Libre Baskerville
              merriweather: ['"Merriweather"', 'serif'], // Add Merriweather
          },
        }
    }
};