Update Chorus branding and configuration UI improvements

- Updated branding transformation documentation
- Enhanced config UI layout and styling with Tailwind config updates
- Modified web embed integration for improved component packaging
- Added Next.js build artifacts to .gitignore for cleaner repository

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

install/config-ui/tailwind.config.js

@@ -5,31 +5,72 @@ module.exports = {
     './components/**/*.{js,ts,jsx,tsx,mdx}',
     './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
+  darkMode: 'class',
   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
+        // 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
         
-        // 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
+        // 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
+        },
         
-        // Border System
-        'chorus-border-invisible': '#FAFAFA',
-        'chorus-border-subtle': '#F0F0F0',
-        'chorus-border-defined': '#E5E5E5',
-        'chorus-border-emphasis': '#CCCCCC',
+        // 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',