/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './templates/**/*.twig',
        './src/**/*.php',
    ],
    safelist: ['rotate-90'],
    theme: {
        container: {
            center: true,
            padding: '2rem',
        },
        extend: {
            fontFamily: {
                sans: ['Lato', 'sans-serif'],
            },
            colors: {
                primary: '#3d8ccb',
                secondary: '#f9c700',
                'primary-bg': '#ebf3fa',
                'primary-light': '#0070e0',
                'primary-medium': '#165883',
                'primary-dark': '#18527b',
                pink: '#fa1a8c',
                sbw: {
                    primary: '#B3820F',
                    secondary: '#E91C26',
                    'primary-dark': '#8D7207',
                    overlay: '#c20000',
                },
                snz: {
                    primary: '#82c3c6',
                    secondary: '#f9c33d',
                    'primary-dark': '#82c3c6',
                },
                ser: {
                    primary: '#006fb6',
                    secondary: '#DE2C1B',
                    'primary-light': '#04A4CC',
                },
            },
            backgroundImage: {
                'badge-gradient': 'linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%)',
                'brand-gradient': 'linear-gradient(to top right, #009fff, #165883, #18527b)',
            },
        },
    },
    plugins: [
        require('@tailwindcss/forms'),
    ],
}