/** @type {import('tailwindcss').Config} */
export default {
    content: ['./src/**/*.vue'],
    theme: {
        extend: {
            colors: {
                edit: {
                    DEFAULT: 'hsl(20, 77%, 55%)',
                },
                primary: {
                    DEFAULT: 'var(--primary)',
                },
                primaryfg: {
                    DEFAULT: 'var(--primaryfg)',
                },
                secondary: {
                    DEFAULT: 'var(--secondary)',
                },
                font: {
                    DEFAULT: 'var(--font)',
                },
                circle: {
                    DEFAULT: 'var(--circle)',
                },
            },
            fontFamily: {
                arvo: ['Arvo'],
                nunito: ['Nunito'],
            },
            boxShadow: {
                button: 'inset 0 -2px 0 rgba(255,255,255,0.2)',
            },
        },
    },
    plugins: [require('@tailwindcss/container-queries'), require('@tailwindcss/typography')],
};