feat: premium redesign — DM Serif, refined palette, flat score badges

- Design tokens (ds.ts, theme.ts, scoreTheme.ts): new warm palette
  (#152642 navy, #f9f8f6 warm white, #e8e7e4 borders, #b8975a gold accent),
  flat score tier badges replacing CSS gradients, Inter + DM Serif Display typography
- Card components: white-background cards, DM Serif score numbers, max-2 badge
  chips with +N overflow tooltip, editorial score badge positioning
- Layout shell: gold left-accent nav active state, 64px top bar, outlined
  workspace chip, DM Serif page titles
- Shared atoms: GenericBadge (outlined/solid variants), ResultFilterBar
  (simplified chip styles), DecisionContextPanel (dot metrics, no left accent)
- Global replacement (118 files): #1e3a5f→#152642, #e2e8f0→#e8e7e4,
  #f4f6f9→#f9f8f6 — all handled via Node.js for proper UTF-8 safety

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

src/components/pipeline/PipelineCard.tsx

@@ -55,7 +55,7 @@ export function DraggableCard({
         boxShadow: isDragOverlay ? '0 8px 24px rgba(0,0,0,0.18)' : '0 1px 3px rgba(0,0,0,0.08)',
         '&:hover': isDragOverlay ? {} : {
           boxShadow: '0 2px 8px rgba(0,0,0,0.12)',
-          borderColor: isSelected ? '#1e3a5f' : '#bfdbfe',
+          borderColor: isSelected ? '#152642' : '#bfdbfe',
         },
         transition: isDragOverlay ? undefined : 'box-shadow 0.15s, border-color 0.15s',
         userSelect: 'none',
@@ -83,7 +83,7 @@ export function DraggableCard({
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.125, flexShrink: 0 }}>
             {item.inquiryId && onChatClick && (
               <Tooltip title="Chat öffnen">
-                <IconButton size="small" onClick={onChatClick} sx={{ p: 0.25, color: '#1e3a5f', '&:hover': { bgcolor: '#eff6ff' } }}>
+                <IconButton size="small" onClick={onChatClick} sx={{ p: 0.25, color: '#152642', '&:hover': { bgcolor: '#eff6ff' } }}>
                   <MessageSquare size={13} />
                 </IconButton>
               </Tooltip>
@@ -93,7 +93,7 @@ export function DraggableCard({
                 <IconButton
                   size="small"
                   onClick={(e) => { e.stopPropagation(); navigate(path) }}
-                  sx={{ p: 0.25, color: '#94a3b8', '&:hover': { color: '#1e3a5f', bgcolor: '#eff6ff' } }}
+                  sx={{ p: 0.25, color: '#94a3b8', '&:hover': { color: '#152642', bgcolor: '#eff6ff' } }}
                 >
                   <ExternalLink size={13} />
                 </IconButton>
@@ -154,8 +154,8 @@ export function DraggableCard({
               }}
               sx={{
                 fontSize: '0.7rem', py: 0.5, textTransform: 'none', fontWeight: 600,
-                borderColor: '#1e3a5f', color: '#1e3a5f',
-                '&:hover': { bgcolor: '#eff6ff', borderColor: '#1e3a5f' },
+                borderColor: '#152642', color: '#152642',
+                '&:hover': { bgcolor: '#eff6ff', borderColor: '#152642' },
               }}
             >
               Zur Konversation
@@ -180,7 +180,7 @@ export function DraggableCard({
               }}
               sx={{
                 fontSize: '0.7rem', py: 0.5, textTransform: 'none', fontWeight: 600,
-                bgcolor: '#1e3a5f', '&:hover': { bgcolor: '#162d4a' },
+                bgcolor: '#152642', '&:hover': { bgcolor: '#162d4a' },
               }}
             >
               Anfrage senden