feat: Add comprehensive iconography system and enhance brand guidelines

- Add complete Iconography section with Coolicons v4.1 integration
- Implement theme-adaptive icons (black for light mode, white for dark mode)
- Add Visual Aid modal dialog for accessibility settings
- Replace theme toggle with semantic moon/sun icons
- Add personality trait icons with appropriate semantic choices
- Fix code block theming to respect light/dark mode toggle
- Include comprehensive icon categories: Interface, File/Data, Communication, Navigation
- Add detailed implementation guides for HTML, SVG, and Tailwind
- Create accessibility-aware color system with vision deficiency support
- Add Inconsolata and Inter Tight fonts for complete typography system

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

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

brand-assets/logos/component-logo-system.md

@@ -135,30 +135,30 @@ The CHORUS component logo system creates visual harmony between the main brand a
 ### Combined Logo Layouts
 
 #### Horizontal Integration
-```
+
 [Component Icon] COMPONENT NAME → [CHORUS Icon] CHORUS
                  powered by
-```
+
 - **Use Case**: Marketing materials, business cards, letterhead
 - **Spacing**: Component and CHORUS sections separated by 2x the x-height
 - **Hierarchy**: Component name 100%, CHORUS name 70%, "powered by" 40%
 
 #### Vertical Integration  
-```
+
 [Component Icon]
 COMPONENT NAME
     ↓
 [CHORUS Icon]
 CHORUS Services
-```
+
 - **Use Case**: Vertical layouts, mobile applications, square formats
 - **Spacing**: Consistent vertical rhythm based on typography line-height
 - **Connection**: Subtle arrow or connection line between icons
 
 #### Compact Integration
-```
+
 [Component Icon][CHORUS Icon] COMPONENT × CHORUS
-```
+
 - **Use Case**: Favicons, app icons, tight space applications
 - **Treatment**: Icons side-by-side with minimal separation
 - **Typography**: Single line with multiplication symbol (×) or plus (+)
@@ -199,7 +199,7 @@ CHORUS Services
 ## Technical Implementation
 
 ### SVG Structure Template
-```svg
+svg
 <svg viewBox="0 0 240 60" xmlns="http://www.w3.org/2000/svg">
   <!-- Component Icon -->
   <g id="component-icon" transform="translate(0,0)">
@@ -220,10 +220,10 @@ CHORUS Services
   <text id="component-name" x="0" y="45" class="component-text">COMPONENT</text>
   <text id="chorus-name" x="160" y="45" class="chorus-text">CHORUS</text>
 </svg>
-```
+
 
 ### CSS Integration Classes
-```css
+css
 .component-logo {
   display: inline-flex;
   align-items: center;
@@ -248,7 +248,7 @@ CHORUS Services
   font-size: var(--text-size, 18px);
   color: var(--text-color);
 }
-```
+
 
 ## Brand Protection Guidelines