/** @type {import('tailwindcss').Config} */
export default {
    content: ['./src/**/*.vue'],
    theme: {
        extend: {
            colors: {
                edit: {
                    DEFAULT: 'hsl(20, 77%, 55%)',
                },
                primary: {
                    DEFAULT: 'var(--primary)',
                },
                secondary: {
                    DEFAULT: 'var(--secondary)',
                },
                font: {
                    DEFAULT: 'var(--font)',
                },
                circle: {
                    DEFAULT: 'var(--circle)',
                },
            },
        },
    },
    plugins: [require('@tailwindcss/container-queries')],
};