import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @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',
  ],
  safelist: [
	'bg-brand-primary',
	'bg-brand-secondary',
	'text-white',
	'bg-status-success',
	'bg-status-error'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Figtree', ...defaultTheme.fontFamily.sans],
      },
      colors: {
        brand: {
          primary: '#4F46E5',   // Indigo 600
          secondary: '#6366F1', // Indigo 500
          accent: '#F59E0B',    // Amber 500
        },
        status: {
          success: '#16A34A', // Green 600
          warning: '#D97706', // Amber 600
          error:   '#DC2626', // Red 600
          info:    '#0EA5E9', // Sky 500
        },
        neutral: {
          light: '#F9FAFB',  // Gray 50
          dark:  '#111827',  // Gray 900
          text: {
            primary: '#111827',
            secondary: '#374151',
          },
          border: '#E5E7EB',
        },
      },
    },
  },
  plugins: [forms],
};