// tailwind-config.js
tailwind.config = {
    theme: {
        extend: {
          colors: {
              'bgMain': '#F5F5DC',      // Main background color
              'bgMain2': '#4A2E1A',     // Background color for product cards
              'textMain': '#262626',     // Main text color
              'textMain2': '#F5F5DC',    // Alt text color (could be used for lighter text on dark backgrounds)
              'linkMain': '#D4A35F',      // Color for links
              'btnMain': '#800020',      // Background color for buttons
              'btnMain2': '#D4A35F',     // Alt background color for buttons
          },
          screens: {
            'xs': '480px', // Add xs size
          },
          fontFamily: {
              libre: ['"Libre Baskerville"', 'serif'], // Add Libre Baskerville
              merriweather: ['"Merriweather"', 'serif'], // Add Merriweather
          },
        }
    }
};