Phase 8: SSOT 리팩토링 + HotkeyRecordModal + Dashboard 재작성

- d3roPalette 11개 토큰 추가 (sidebar, chassis, inactive 등)
- DS 컴포넌트 6개 + 페이지 5개 매직넘버 → 팔레트 참조 (0개 잔여)
- HotkeyRecordModal 신규: 커스텀 핫키 녹화 모달
- SettingsModal 재작성: 음성 모드 3개(받아쓰기/Agent/원터치) + 핫키 변경
- DashboardPage 재작성: Hero + 통계 4카드 + CRT 서비스 상태 + 히스토리 날짜 그룹핑
- recording-tip 색상 수정: #1F5DF2(파란) → #f25b29(앰버)
- 설계 문서: phase-8.md, speakly-settings-ui.md

src/renderer/components/ds/PhosphorText.tsx

@@ -2,14 +2,15 @@
 // 시안 A: 인광 텍스트 — 앰버 glow, 모노 폰트, CRT 느낌
 
 import { Typography, type TypographyProps } from '@mui/material'
+import { d3roPalette, d3roFontMono } from '../../theme'
 
 type PhosphorVariant = 'hero' | 'value' | 'label' | 'dim'
 
 const VARIANTS: Record<PhosphorVariant, { fontSize: string; color: string; glow: string; fontWeight: number }> = {
-  hero:  { fontSize: '42px', color: '#f25b29', glow: 'rgba(242, 91, 41, 0.4)', fontWeight: 300 },
-  value: { fontSize: '20px', color: '#f25b29', glow: 'rgba(242, 91, 41, 0.3)', fontWeight: 400 },
-  label: { fontSize: '10px', color: '#5c2615', glow: 'none', fontWeight: 700 },
-  dim:   { fontSize: '10px', color: '#77797c', glow: 'none', fontWeight: 400 },
+  hero:  { fontSize: '42px', color: d3roPalette.accent.amber, glow: 'rgba(242, 91, 41, 0.4)', fontWeight: 300 },
+  value: { fontSize: '20px', color: d3roPalette.accent.amber, glow: 'rgba(242, 91, 41, 0.3)', fontWeight: 400 },
+  label: { fontSize: '10px', color: d3roPalette.text.dimLabel, glow: 'none', fontWeight: 700 },
+  dim:   { fontSize: '10px', color: d3roPalette.text.inactive, glow: 'none', fontWeight: 400 },
 }
 
 interface PhosphorTextProps extends Omit<TypographyProps, 'variant'> {
@@ -23,7 +24,7 @@ export function PhosphorText({ variant = 'value', sx, ...props }: PhosphorTextPr
     <Typography
       {...props}
       sx={{
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+        fontFamily: d3roFontMono,
         fontSize: v.fontSize,
         fontWeight: v.fontWeight,
         color: v.color,