/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // CHORUS Corporate Colors - Ultra-Minimalist Palette
        'chorus-primary': '#0b0213',      // Dark Mulberry - primary CTAs
        'chorus-secondary': '#5a6c80',    // Orchestration Blue - secondary actions  
        'chorus-accent': '#c1bfb1',       // Brushed Nickel - subtle accents
        'chorus-brown': '#403730',        // Walnut Brown - warm touches
        'chorus-paper': '#F5F5DC',        // Natural Paper - backgrounds
        'chorus-white': '#FFFFFF',        // Pure White
        'chorus-warm': '#FEFEFE',         // Warm White
        'chorus-tint': '#F7F7E2',         // Paper Tint
        
        // Text Hierarchy
        'chorus-text-primary': '#000000',   // Primary text
        'chorus-text-secondary': '#1A1A1A', // Body content
        'chorus-text-tertiary': '#333333',  // Supporting text
        'chorus-text-subtle': '#666666',    // Placeholders
        'chorus-text-ghost': '#999999',     // Metadata
        
        // Border System
        'chorus-border-invisible': '#FAFAFA',
        'chorus-border-subtle': '#F0F0F0',
        'chorus-border-defined': '#E5E5E5',
        'chorus-border-emphasis': '#CCCCCC',
      },
      borderRadius: {
        'none': '0',
        'sm': '3px',      // Small elements (inputs, badges)
        'md': '4px',      // Standard elements (buttons, nav)
        'lg': '5px',      // Large elements (cards, modals)
      },
      spacing: {
        '18': '4.5rem',   // 72px
        '88': '22rem',    // 352px
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'fade-in': 'fadeIn 200ms ease-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0', transform: 'translateY(4px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        }
      }
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
}