tailwind.config.js

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
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: ['"Google Sans Flex"', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                primary: {
                    50: '#fdf2f0',
                    100: '#fbe0dc',
                    200: '#f6c5bd',
                    300: '#f0a297',
                    400: '#e87a6c',
                    500: '#e64c3c',
                    600: '#d13d2e',
                    700: '#b03225',
                    800: '#8f2920',
                    900: '#74221c',
                    950: '#3f110d',
                },
            },
        },
    },

    plugins: [forms, typography],
};