import defaultTheme from 'tailwindcss/defaultTheme'
import typography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['var(--font-body)', ...defaultTheme.fontFamily.sans],
                display: ['var(--font-heading)', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                brand: {
                    navy: 'var(--color-primary)',
                    gold: 'var(--color-accent)',
                    charcoal: 'var(--color-body)',
                    mist: 'var(--color-surface-alt)',
                },
            },
        },
    },
    plugins: [typography],
}
