text: const colors = require('tailwindcss/colors');
  const defaultTheme = require('tailwindcss/defaultTheme');
  
  module.exports = {
      purge: [
          './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
          './storage/framework/views/*.php',
          './resources/views/**/*.blade.php',
          './resources/js/**/*.vue',
      ],
  
      theme: {
          container: {
              center: true,
              padding: '0.75rem',
          },
          extend: {
              colors: {
                  gray: colors.gray,
                  green: colors.green,
                  rose: colors.rose,
              },
              fontFamily: {
                  sans: ['Inter var', ...defaultTheme.fontFamily.sans],
              },
          },
      },
  
      variants: {
          extend: {
              opacity: ['disabled'],
          },
      },
  
      plugins: [require('@tailwindcss/forms')],
  };
  