fix: separate text-accent from background-accent colors

- Add --text-accent CSS variable (light purple #c4b5fd)
- Keep --accent for backgrounds only (dark purple #2e0a5d)
- Update Assistant name color to use --text-accent
- Update drawer section headers to use --text-accent
- Update streaming label to use --text-accent
- All purple text is now much lighter for readability
- Backgrounds retain the dark purple shade
- All 52 tests passing, build successful

src/components/ChatWindow.tsx

@@ -311,7 +311,7 @@ export function ChatWindow({ session, config, onAddMessage }: ChatWindowProps) {
                   fontSize: '12px',
                   fontWeight: 600,
                   marginBottom: '8px',
-                  color: msg.role === 'user' ? 'var(--text-secondary)' : 'var(--accent)'
+                  color: msg.role === 'user' ? 'var(--text-secondary)' : 'var(--text-accent)'
                 }}>
                   {msg.role === 'user' ? 'You' : 'Assistant'}
                 </div>
@@ -346,7 +346,7 @@ export function ChatWindow({ session, config, onAddMessage }: ChatWindowProps) {
                 fontSize: '12px',
                 fontWeight: 600,
                 marginBottom: '8px',
-                color: 'var(--accent)',
+                color: 'var(--accent-light)',
                 display: 'flex',
                 alignItems: 'center',
                 gap: '6px'

src/components/SessionDrawer.tsx

@@ -125,7 +125,7 @@ export function SessionDrawer({
             fontSize: '13px', 
             fontWeight: 600,
             marginBottom: '16px', 
-            color: 'var(--accent)',
+            color: 'var(--text-accent)',
             textTransform: 'uppercase',
             letterSpacing: '0.5px'
           }}>
@@ -205,7 +205,7 @@ export function SessionDrawer({
                   display: 'block', 
                   fontSize: '13px',
                   fontWeight: 500,
-                  color: 'var(--accent)',
+                  color: 'var(--text-accent)',
                   marginBottom: '2px'
                 }}>
                   Streaming Response
@@ -247,7 +247,7 @@ export function SessionDrawer({
             fontWeight: 600,
             marginBottom: '12px', 
             marginLeft: '8px',
-            color: 'var(--accent)',
+            color: 'var(--text-accent)',
             textTransform: 'uppercase',
             letterSpacing: '0.5px'
           }}>

src/index.css

@@ -9,6 +9,7 @@
   --accent: #2e0a5d;
   --accent-hover: #3a0d75;
   --accent-light: #4a1f95;
+  --text-accent: #c4b5fd;
   --border: #2a2a2a;
   --border-light: #383838;
   --success: #0d9488;