// tailwind-config.js
tailwind.config = {
    theme: {
        extend: {
            colors: {
                'bgMain': '#FFFDD0',      // Background color for the main site
                'bgMain2': '#4D2B00', // Background color for product cards
                'textMain': '#800020',  // Text color for the whole site
                'textMain2': '#FFFDD0',  // Alt text color for the whole site
                'linkMain': '#FFD700',      // Color for links
                'btnMain': '#800080',     // Background color for buttons
                'btnMain2': '#FF8C00',     // Alt background color for buttons
            },
            screens: {
                'xs': '480px', // Add xs size
            }
        }
    }
};