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/components/layout/CommandPalette.tsx

@@ -355,7 +355,7 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) {
                   <div key={group.type}>
                     {/* Section label */}
                     <div className="px-3 pt-3 pb-1">
-                      <span className="font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-[#fbbf24]">
+                      <span className="font-mono text-[0.6875rem] uppercase tracking-[0.12em] text-[#eab308]">
                         {group.label}
                       </span>
                     </div>

frontend/src/components/layout/Sidebar.tsx

@@ -288,7 +288,7 @@ export function Sidebar() {
             'group relative flex items-center gap-3 rounded-lg px-3 py-2 text-[0.8125rem] font-medium transition-all duration-150',
             active
               ? isParentDimmed
-                ? 'bg-[rgba(34,211,238,0.05)] text-foreground/70'
+                ? 'bg-[rgba(249,115,22,0.05)] text-foreground/70'
                 : 'bg-accent-dim text-foreground'
               : 'text-muted-foreground hover:bg-input hover:text-foreground'
           )}
@@ -473,7 +473,7 @@ export function Sidebar() {
           >
             {/* Drawer header */}
             <div className="px-3 mb-3">
-              <h3 className="text-[0.6875rem] font-mono uppercase tracking-[0.12em] text-[#fbbf24]">
+              <h3 className="text-[0.6875rem] font-mono uppercase tracking-[0.12em] text-[#eab308]">
                 {activeFlyoutGroup.label}
               </h3>
             </div>

frontend/src/components/layout/TopBar.tsx

@@ -126,7 +126,7 @@ export function TopBar() {
             <button
               onClick={() => setUserMenuOpen(!userMenuOpen)}
               className="flex h-8 w-8 items-center justify-center rounded-[10px] text-xs font-heading font-bold text-white hover:opacity-90 transition-opacity"
-              style={{ background: 'linear-gradient(135deg, #06b6d4, #22d3ee)' }}
+              style={{ background: 'linear-gradient(135deg, #ea580c, #f97316)' }}
               title={user?.name || user?.email || 'User'}
             >
               {initials}