tailwind.config.cjs

const defaultTheme = require( 'tailwindcss/defaultTheme' )
const colors = require( 'tailwindcss/colors' )

module.exports = {
    content: [ './src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}' ],
    theme: {
        extend: {
            colors: {
                primary: 'var(--aw-color-primary)',
                secondary: 'var(--aw-color-secondary)',
                accent: 'var(--aw-color-accent)',
            },
            fontFamily: {
                sans: [ 'var(--aw-font-sans)', ...defaultTheme.fontFamily.sans ],
                serif: [ 'var(--aw-font-serif)', ...defaultTheme.fontFamily.serif ],
                heading: [ 'var(--aw-font-heading)', ...defaultTheme.fontFamily.sans ],
            },
        },
    },
    plugins: [
        require( '@tailwindcss/typography' ),
        require( '@tailwindcss/forms' ),
    ],
    darkMode: 'class',
}