Transform BZZZ config-ui to CHORUS ultra-minimalist branding

- Replace BZZZ branding with CHORUS Agent Configuration
- Implement ultra-minimalist design system with subtle 3-5px rounded corners
- Add CHORUS corporate color palette (Dark Mulberry primary, Orchestration Blue secondary)
- Integrate Mobius ring logo from brand assets
- Update all copy from BZZZ to CHORUS/CHORUS:Agents references
- Apply clean typography hierarchy and generous spacing
- Remove shadows and gradients for minimalist aesthetic
- Implement invisible border system for subtle organization
- Update progress indicators and status elements
- Maintain all functionality while enhancing brand consistency

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

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

install/config-ui/app/globals.css

@@ -4,33 +4,53 @@
 
 @layer base {
   html {
-    font-family: system-ui, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif;
+  }
+  
+  body {
+    background-color: theme('colors.chorus-paper');
+    color: theme('colors.chorus-text-primary');
   }
 }
 
 @layer components {
+  /* Ultra-Minimalist Button System */
   .btn-primary {
-    @apply bg-bzzz-primary hover:bg-opacity-90 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
+    @apply bg-chorus-primary hover:opacity-90 text-white font-medium py-3 px-6 rounded-md transition-opacity duration-200 disabled:opacity-40 disabled:cursor-not-allowed border-none;
   }
   
   .btn-secondary {
-    @apply bg-bzzz-secondary hover:bg-opacity-90 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
+    @apply bg-transparent border border-chorus-secondary text-chorus-secondary hover:bg-chorus-secondary hover:text-white font-medium py-3 px-6 rounded-md transition-all duration-200 disabled:opacity-40 disabled:cursor-not-allowed;
   }
   
   .btn-outline {
-    @apply border-2 border-bzzz-primary text-bzzz-primary hover:bg-bzzz-primary hover:text-white font-medium py-2 px-4 rounded-lg transition-all duration-200;
+    @apply border border-chorus-primary text-chorus-primary hover:bg-chorus-primary hover:text-white font-medium py-3 px-6 rounded-md transition-all duration-200;
   }
   
+  .btn-text {
+    @apply bg-transparent text-chorus-secondary hover:text-chorus-primary font-medium py-2 px-0 border-none transition-colors duration-200;
+  }
+  
+  /* Clean Card System */
   .card {
-    @apply bg-white rounded-lg shadow-lg p-6 border border-gray-200;
+    @apply bg-white border border-chorus-border-invisible p-8 rounded-lg;
   }
   
+  .card-elevated {
+    @apply bg-chorus-warm border border-chorus-border-subtle p-8 rounded-lg;
+  }
+  
+  /* Form Elements */
   .input-field {
-    @apply block w-full rounded-md border-gray-300 shadow-sm focus:border-bzzz-primary focus:ring-bzzz-primary sm:text-sm;
+    @apply block w-full border border-chorus-border-defined p-3 rounded-sm focus:border-chorus-primary focus:outline-none transition-colors duration-200 bg-white;
+  }
+  
+  .input-field:focus {
+    @apply border-chorus-primary ring-0;
   }
   
   .label {
-    @apply block text-sm font-medium text-gray-700 mb-2;
+    @apply block text-sm font-medium text-chorus-text-primary mb-2;
   }
   
   .error-text {
@@ -38,22 +58,69 @@
   }
   
   .success-text {
-    @apply text-green-600 text-sm mt-1;
+    @apply text-chorus-secondary text-sm mt-1;
   }
   
+  /* Minimalist Status System */
   .status-indicator {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
+    @apply text-xs font-medium;
   }
   
   .status-online {
-    @apply status-indicator bg-green-100 text-green-800;
+    @apply status-indicator text-chorus-secondary;
   }
   
   .status-offline {
-    @apply status-indicator bg-red-100 text-red-800;
+    @apply status-indicator text-chorus-text-subtle;
   }
   
   .status-pending {
-    @apply status-indicator bg-yellow-100 text-yellow-800;
+    @apply status-indicator text-chorus-brown;
+  }
+  
+  /* Progress Elements */
+  .progress-step {
+    @apply p-3 rounded-md border transition-all duration-200;
+  }
+  
+  .progress-step-current {
+    @apply border-chorus-primary bg-chorus-primary bg-opacity-5 text-chorus-primary;
+  }
+  
+  .progress-step-completed {
+    @apply border-chorus-secondary bg-chorus-secondary bg-opacity-5 text-chorus-secondary;
+  }
+  
+  .progress-step-accessible {
+    @apply border-chorus-border-defined hover:border-chorus-border-emphasis text-chorus-text-secondary;
+  }
+  
+  .progress-step-disabled {
+    @apply border-chorus-border-invisible text-chorus-text-subtle cursor-not-allowed;
+  }
+  
+  /* Typography Hierarchy */
+  .heading-hero {
+    @apply text-3xl font-semibold text-chorus-text-primary tracking-tight;
+  }
+  
+  .heading-section {
+    @apply text-2xl font-semibold text-chorus-text-primary;
+  }
+  
+  .heading-subsection {
+    @apply text-lg font-medium text-chorus-text-primary;
+  }
+  
+  .text-body {
+    @apply text-base text-chorus-text-secondary leading-relaxed;
+  }
+  
+  .text-small {
+    @apply text-sm text-chorus-text-tertiary;
+  }
+  
+  .text-ghost {
+    @apply text-sm text-chorus-text-ghost;
   }
 }