tailwind.config.js

module.exports = {
    content: [
        './pages/**/*.{js,ts,jsx,tsx}',
        './components/**/*.{js,ts,jsx,tsx}',
        './sanity/serializers/**/*.{js,ts,jsx,tsx}'
    ],
    safelist: ['link-button', 'regular-button', 'float-right', 'float-left'],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
        extend: {
            backgroundColor: {
                primary: 'var(--color-bg-primary)',
                secondary: 'var(--color-bg-secondary)',
                tertiary: 'var(--color-bg-tertiary)',
                button: 'var(--color-bg-button)',
                blogCard: 'var(--color-bg-blog-card)'
            },
            textColor: {
                accent: 'var(--color-text-accent)',
                primary: 'var(--color-text-primary)',
                secondary: 'var(--color-text-secondary)',
                nav: 'var(--color-text-nav)'
            },
            borderColor: {
                button: 'var(--color-bg-button)',
                experienceSection: 'var(--color-bg-experience-section)'
            }
        }
    },
    variants: {
        extend: {
            textColor: ['visited']
        }
    },
    plugins: []
};