/** @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}',
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // CHORUS Corporate Colors - Adaptive Theme
        'chorus-primary': {
          light: '#c1bfb1',      // Brushed Nickel - light background
          DEFAULT: '#0b0213',    // Dark Mulberry - dark background
        },
        'chorus-secondary': '#5a6c80',    // Orchestration Blue - consistent
        'chorus-accent': '#c1bfb1',       // Brushed Nickel - consistent
        'chorus-brown': '#403730',        // Walnut Brown - consistent
        
        // Adaptive Surfaces
        'chorus-paper': {
          light: '#f8f9fa',      // Light paper background
          DEFAULT: '#0b0213',    // Dark paper background
        },
        'chorus-white': {
          light: '#ffffff',      // Light cards
          DEFAULT: '#111111',    // Dark cards
        },
        'chorus-warm': {
          light: '#f5f5f5',      // Light elevated surfaces
          DEFAULT: '#1a1a1a',    // Dark elevated surfaces
        },
        
        // Adaptive Text Hierarchy  
        'chorus-text-primary': {
          light: '#1a1a1a',      // Dark text on light
          DEFAULT: '#ffffff',    // Light text on dark
        },
        'chorus-text-secondary': {
          light: '#4a5568',      // Medium gray on light
          DEFAULT: '#e5e5e5',    // Light gray on dark
        },
        'chorus-text-tertiary': {
          light: '#718096',      // Light gray on light
          DEFAULT: '#cccccc',    // Medium light on dark
        },
        'chorus-text-subtle': {
          light: '#a0aec0',      // Very light on light
          DEFAULT: '#999999',    // Medium on dark
        },
        'chorus-text-ghost': {
          light: '#cbd5e0',      // Ghost light
          DEFAULT: '#666666',    // Ghost dark
        },
        
        // Adaptive Border System
        'chorus-border-invisible': {
          light: '#f7fafc',      // Nearly invisible light
          DEFAULT: '#333333',    // Nearly invisible dark
        },
        'chorus-border-subtle': {
          light: '#e2e8f0',      // Subtle light borders
          DEFAULT: '#444444',    // Subtle dark borders
        },
        'chorus-border-defined': {
          light: '#cbd5e0',      // Defined light borders
          DEFAULT: '#555555',    // Defined dark borders
        },
        'chorus-border-emphasis': {
          light: '#a0aec0',      // Emphasized light
          DEFAULT: '#666666',    // Emphasized dark
        },
      },
      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'),
  ],
}