/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        primary: '#1a1f2e',    // Deep navy - premium and authoritative
        secondary: '#2d3748',  // Sophisticated charcoal
        tertiary: '#4a5568',   // Professional gray
        accent: {
          gold: '#d4af37',     // Luxury gold accent
          blue: '#3182ce',     // Professional blue
          green: '#38a169',    // Success green
        },
        background: '#fafbfc',  // Ultra-clean background
        surface: '#ffffff',     // Pure white surfaces
        text: {
          primary: '#1a202c',   // Rich black text
          secondary: '#4a5568', // Muted text
          muted: '#718096',     // Light text
        },
        border: '#e2e8f0',      // Subtle borders
        // Enhanced grays for premium feel
        gray: {
          50: '#fafbfc',
          100: '#f7fafc',
          200: '#edf2f7',
          300: '#e2e8f0',
          400: '#cbd5e0',
          500: '#a0aec0',
          600: '#718096',
          700: '#4a5568',
          800: '#2d3748',
          900: '#1a202c',
        },
        // Premium color variations
        blue: {
          50: '#ebf8ff',
          100: '#bee3f8',
          200: '#90cdf4',
          300: '#63b3ed',
          400: '#4299e1',
          500: '#3182ce',
          600: '#2b77cb',
          700: '#2c5aa0',
          800: '#2a4365',
          900: '#1a365d',
        },
        yellow: {
          50: '#fffff0',
          100: '#fefcbf',
          200: '#faf089',
          300: '#f6e05e',
          400: '#ecc94b',
          500: '#d69e2e',
          600: '#d4af37',
          700: '#b7791f',
          800: '#975a16',
          900: '#744210',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        serif: ['Georgia', 'serif'],
        mono: ['Monaco', 'Consolas', 'monospace'],
      },
      spacing: {
        '18': '4.5rem',
        '88': '22rem',
      },
      maxWidth: {
        '8xl': '88rem',
        '9xl': '96rem',
      },
      animation: {
        'fade-in': 'fadeIn 0.5s ease-in-out',
        'slide-up': 'slideUp 0.3s ease-out',
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { transform: 'translateY(10px)', opacity: '0' },
          '100%': { transform: 'translateY(0)', opacity: '1' },
        },
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
  ],
}
