feat(V2-1c): packages/ui 추출 — DS 컴포넌트 + theme + theme-vars 분리

packages/ui (@d3ro/ui) 신규:
- src/theme.ts (d3roPalette/d3roTypo/d3roShadow/d3roRadius SSOT)
- src/theme-vars.ts (팝업/main 프로세스용 CSS 변수 맵)
- src/components/ds/ (CrtDisplay, InstrumentPanel, Led, MetalCard,
  MetalDial, PhosphorText, PhysicalButton, ScreenPanel, ButtonGroup)
- src/index.ts barrel
- subpath exports: ./theme, ./theme-vars, ./components/ds
- React/MUI/Emotion은 peerDependencies로 선언
- @d3ro/core만 직접 의존성

apps/desktop/src/shared/ 디렉토리 완전 제거:
- theme-vars가 마지막 남은 파일이었음
- tsconfig include에서 src/shared/**/* 제거

일괄 치환 (renderer 전역):
- ../theme, ../../theme, ./theme → @d3ro/ui/theme
- ../components/ds, ../../components/ds, ./ds, ../ds → @d3ro/ui/components/ds
- ../ds/<Component>, ../../ds/<Component> → @d3ro/ui/components/ds
  (세부 파일 import는 barrel로 통합)
- @shared/theme-vars → @d3ro/ui/theme-vars (WindowManager)

apps/desktop 설정:
- package.json: @d3ro/ui: '*' dep 추가
- tsconfig.node/web.json: @shared/* paths 완전 제거, @d3ro/ui,
  @d3ro/ui/* paths 추가
- electron.vite.config.ts: @shared alias 제거, @d3ro/ui alias 추가,
  externalize exclude에 @d3ro/ui 추가
- vitest.config.ts: alias 교체

DS 컴포넌트 내부의 '../../theme' 상대 경로는 packages/ui 구조에서
동일하게 해결되어 그대로 유효.

검증: typecheck + build + dev 런타임 모두 통과.

packages/ui/src/components/ds/PhosphorText.tsx

@@ -0,0 +1,68 @@
+// src/renderer/components/ds/PhosphorText.tsx
+// 시안 A: 인광 텍스트 — 앰버 glow, 모노 폰트, CRT 느낌
+// 확장: title/stat/body/compact/meta/engrave/micro/nano 변형 추가
+
+import { Typography, type TypographyProps } from '@mui/material'
+import { d3roPalette, d3roFontMono, d3roTypo } from '../../theme'
+
+type PhosphorVariant =
+  | 'hero' | 'title' | 'value' | 'heading'
+  | 'body' | 'compact' | 'small'
+  | 'meta' | 'label' | 'dim'
+  | 'engrave' | 'micro' | 'nano'
+
+interface VariantDef {
+  fontSize: string
+  color: string
+  glow: string
+  fontWeight: number
+  letterSpacing: string
+  lineHeight: number
+  textTransform?: 'uppercase' | 'none'
+}
+
+const amberGlowStrong = `0 0 8px ${d3roPalette.accent.amberGlow}`
+const amberGlowMedium = `0 0 6px rgba(242, 91, 41, 0.4)`
+const amberGlowSoft = `0 0 4px rgba(242, 91, 41, 0.3)`
+
+const VARIANTS: Record<PhosphorVariant, VariantDef> = {
+  hero:    { fontSize: d3roTypo.hero.size,    color: d3roPalette.accent.amber,   glow: amberGlowStrong,  fontWeight: d3roTypo.hero.weight,    letterSpacing: d3roTypo.hero.spacing,    lineHeight: d3roTypo.hero.line },
+  title:   { fontSize: d3roTypo.title.size,   color: d3roPalette.accent.amber,   glow: amberGlowMedium,  fontWeight: d3roTypo.title.weight,   letterSpacing: d3roTypo.title.spacing,   lineHeight: d3roTypo.title.line },
+  value:   { fontSize: d3roTypo.value.size,   color: d3roPalette.accent.amber,   glow: amberGlowSoft,    fontWeight: d3roTypo.value.weight,   letterSpacing: d3roTypo.value.spacing,   lineHeight: d3roTypo.value.line },
+  heading: { fontSize: d3roTypo.heading.size, color: d3roPalette.text.primary,   glow: 'none',           fontWeight: d3roTypo.heading.weight, letterSpacing: d3roTypo.heading.spacing, lineHeight: d3roTypo.heading.line },
+  body:    { fontSize: d3roTypo.body.size,    color: d3roPalette.text.secondary, glow: 'none',           fontWeight: d3roTypo.body.weight,    letterSpacing: d3roTypo.body.spacing,    lineHeight: d3roTypo.body.line },
+  compact: { fontSize: d3roTypo.compact.size, color: d3roPalette.text.primary,   glow: 'none',           fontWeight: d3roTypo.compact.weight,  letterSpacing: d3roTypo.compact.spacing, lineHeight: d3roTypo.compact.line },
+  small:   { fontSize: d3roTypo.small.size,   color: d3roPalette.text.inactive,  glow: 'none',           fontWeight: d3roTypo.small.weight,   letterSpacing: d3roTypo.small.spacing,   lineHeight: d3roTypo.small.line },
+  meta:    { fontSize: d3roTypo.meta.size,    color: d3roPalette.text.inactive,  glow: 'none',           fontWeight: d3roTypo.meta.weight,    letterSpacing: d3roTypo.meta.spacing,    lineHeight: d3roTypo.meta.line, textTransform: 'uppercase' },
+  label:   { fontSize: d3roTypo.label.size,   color: d3roPalette.text.dimLabel,  glow: 'none',           fontWeight: d3roTypo.label.weight,   letterSpacing: d3roTypo.label.spacing,   lineHeight: d3roTypo.label.line, textTransform: 'uppercase' },
+  dim:     { fontSize: d3roTypo.label.size,   color: d3roPalette.text.inactive,  glow: 'none',           fontWeight: d3roTypo.body.weight,    letterSpacing: d3roTypo.label.spacing,   lineHeight: d3roTypo.label.line },
+  engrave: { fontSize: d3roTypo.engrave.size, color: d3roPalette.text.engraving, glow: 'none',           fontWeight: d3roTypo.engrave.weight, letterSpacing: d3roTypo.engrave.spacing, lineHeight: d3roTypo.engrave.line, textTransform: 'uppercase' },
+  micro:   { fontSize: d3roTypo.micro.size,   color: d3roPalette.text.dimLabel,  glow: 'none',           fontWeight: d3roTypo.micro.weight,   letterSpacing: d3roTypo.micro.spacing,   lineHeight: d3roTypo.micro.line, textTransform: 'uppercase' },
+  nano:    { fontSize: d3roTypo.nano.size,    color: d3roPalette.text.inactive,  glow: 'none',           fontWeight: d3roTypo.nano.weight,    letterSpacing: d3roTypo.nano.spacing,    lineHeight: d3roTypo.nano.line, textTransform: 'uppercase' },
+}
+
+interface PhosphorTextProps extends Omit<TypographyProps, 'variant'> {
+  variant?: PhosphorVariant
+}
+
+export function PhosphorText({ variant = 'value', sx, ...props }: PhosphorTextProps): React.ReactElement {
+  const v = VARIANTS[variant]
+
+  return (
+    <Typography
+      {...props}
+      sx={{
+        fontFamily: d3roFontMono,
+        fontSize: v.fontSize,
+        fontWeight: v.fontWeight,
+        color: v.color,
+        textShadow: v.glow !== 'none' ? v.glow : 'none',
+        letterSpacing: v.letterSpacing,
+        lineHeight: v.lineHeight,
+        fontVariantNumeric: 'tabular-nums',
+        textTransform: v.textTransform ?? 'none',
+        ...sx,
+      }}
+    />
+  )
+}