/** @type {import('tailwindcss').Config} */

module.exports = {
    content: [
        "./src/single-product.twig",
        "./dist/single-versus.twig"
    ],
    theme: {
        extend: {
            fontFamily: {
                sans:      ['Roboto', 'sans-serif'],
                default:   ['Roboto', 'sans-serif'],
                condensed: ['Roboto Condensed', 'sans-serif'],
            },
            fontWeight: {
                normal: 400,
                medium: 500,
                semibold: 600,
                bold: 700,
                extrabold: 800,
                black: 900,
            },
            fontSize: {
                base: '16px',
            },
            borderRadius: {
                DEFAULT: '0px',
                'sm': '4px',
                'lg': '0px',
                'xl': '0px',
                '2xl': '0px',
            },
            colors: {
                primary: {
                    light  : 'var(--color-primary-light, #45c0e8)',   // 400
                    DEFAULT: 'var(--color-primary, #45c0e8)',        // 500
                    dark   : 'var(--color-primary-dark, #45c0e8)',   // 600
                },
            }
        },
      },
    plugins: [
        //require('@tailwindcss/forms')
    ],
}

