refactor: replace cyan accent with ember orange across entire frontend

Swap accent color from cyan (#22d3ee) to ember orange (#f97316) site-wide.
Cyan caused contrast issues and felt generic — orange brings warmth and
urgency fitting for a troubleshooting tool.

Changes:
- CSS variables: accent, accent-hover, accent-dim, accent-text, primary, ring
- Warning color shifted from amber (#fbbf24) to yellow (#eab308) for
  semantic separation from orange accent
- Brand SVGs: logo gradient updated to orange
- 50+ component files: all hardcoded cyan hex values, Tailwind cyan-*
  classes, and rgba(34,211,238,...) glow values replaced
- landing.css: all 45+ cyan references + 5 old border color fixes
- DESIGN-SYSTEM.md bumped to v5 with decisions log
- CLAUDE.md: all color references synced to charcoal palette + orange accent
- PWA theme-color meta tag updated to match sidebar (#10121a)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/pages/FlowPilotAnalyticsPage.tsx

@@ -215,7 +215,7 @@ export default function FlowPilotAnalyticsPage() {
               icon={BarChart3}
               label="Total Sessions"
               value={dashboard.total_sessions}
-              iconColor="#22d3ee"
+              iconColor="#f97316"
             />
             <MetricCard
               icon={CheckCircle2}
@@ -233,7 +233,7 @@ export default function FlowPilotAnalyticsPage() {
               icon={Star}
               label="Avg Rating"
               value={dashboard.avg_rating ? `${dashboard.avg_rating.toFixed(1)}/5` : '—'}
-              iconColor="#fbbf24"
+              iconColor="#eab308"
             />
             <MetricCard
               icon={Ticket}
@@ -271,14 +271,14 @@ export default function FlowPilotAnalyticsPage() {
                     <Area
                       type="monotone"
                       dataKey="mttr_minutes"
-                      stroke="#22d3ee"
+                      stroke="#f97316"
                       fill="url(#mttrGradient)"
                       strokeWidth={2}
                     />
                     <defs>
                       <linearGradient id="mttrGradient" x1="0" y1="0" x2="0" y2="1">
-                        <stop offset="5%" stopColor="#22d3ee" stopOpacity={0.3} />
-                        <stop offset="95%" stopColor="#22d3ee" stopOpacity={0} />
+                        <stop offset="5%" stopColor="#f97316" stopOpacity={0.3} />
+                        <stop offset="95%" stopColor="#f97316" stopOpacity={0} />
                       </linearGradient>
                     </defs>
                   </AreaChart>
@@ -311,7 +311,7 @@ export default function FlowPilotAnalyticsPage() {
                       labelStyle={{ color: '#f8fafc' }}
                     />
                     <Bar dataKey="resolved" name="Resolved" fill="#34d399" radius={[0, 4, 4, 0]} />
-                    <Bar dataKey="escalated" name="Escalated" fill="#fbbf24" radius={[0, 4, 4, 0]} />
+                    <Bar dataKey="escalated" name="Escalated" fill="#eab308" radius={[0, 4, 4, 0]} />
                   </BarChart>
                 </ResponsiveContainer>
               ) : (
@@ -341,7 +341,7 @@ export default function FlowPilotAnalyticsPage() {
                   label="Exploring"
                   count={conf.exploring_sessions}
                   rate={conf.exploring_resolution_rate}
-                  color="#fbbf24"
+                  color="#eab308"
                   total={conf.guided_sessions + conf.exploring_sessions + conf.discovery_sessions}
                 />
                 <ConfidenceTierRow