module.exports = {
    content: [
        './src/**/*.{js,ts,jsx,tsx}',
    ],
    theme: {
        extend: {
            colors: {
                // Semantic colors
                primary: '#2772F0',
                'primary-hover': '#1f5bc0',
                negative: '#d83a52',
                'negative-hover': '#ad2e42',
                positive: '#2dbd6f',
                'positive-hover': '#249759',
                // Text colors
                'primary-text': '#323338',
                'inverted-text': '#2772F0',
                'secondary-text': '#374151',
                'positive-text': '#2dbd6f',
                'negative-text': '#d83a52',
                'on-primary-text': '#ffffff',
                'primary-placeholder': '#6b7280',
                'disabled-text': '#858b9b',
                'link-text': '#2772F0',
                // Border colors
                'primary-border': '#d1d5db',
                'primary-border-hover': '#b1b3bb',
                'negative-border': '#d83a52',
                'negative-border-hover': '#ad2e42',
                'disabled-border': '#858b9b',
                // Background colors
                'primary-background': '#ffffff',
                'secondary-background': '#e6e8ec',
                'inverted-background': '#2772F0',
                'negative-soft-background': '#FEF2F2',
                'inverted-soft-background': '#e9f1fe',
                // Other
                transparent: 'transparent',
                // brands
                rappi: '#ff2001',
                rapiboy: '#2fafd6',
                picap: '#d03de5',
                pemex: '#009652',
                pedidosya: '#ff0041',
                mouvers: '#011b40',
                uber: '#000000',
                'uber-eats': '#142328',
                'mensajeros-urbanos': '#02acc3',
                lalamove: '#ff5b01',
                indriver: '#25ba44',
                ifood: '#ea1d2c',
                didi: '#ff7e3c',
                deliveroo: '#00ccbd',
                cornershop: '#000000',
                cargamos: '#ffc300',
                cabify: '#7145d6',
                beat: '#24d2ad',
                imss: '#235B4E',
                99: '#000000',
                runa: '#757ce9',
                issste: '#9F2241',
                '99-minutos': '#85c441',
                'whatsapp-light': '#25d366',
                'whatsapp-dark': '#21be5c',
                worky: '#0093ff'
            },
            boxShadow: {
                sm: '0px 2px 4px rgba(102,102,102,0.1)',
                DEFAULT: '0px 4px 8px rgba(102,102,102,0.12)',
                md: '0 5px 10px rgba(102,102,102,0.12)',
                lg: '0 8px 24px rgba(102,102,102,0.12)',
                xl: '0 30px 60px rgba(102,102,102,0.12)'
            },
            scale: {
                101: '1.01'
            }
        }
    },
    variants: {
        extend: {
            opacity: ['disabled'],
            hover: ['disabled'],
            cursor: ['disabled'],
            backgroundColor: ['disabled']
        }
    },
    plugins: [require('@tailwindcss/forms')]
}