feat(ui): Midnight Glass v2 전면 리디자인 — 기반+셸+대시보드

- theme.ts 재작성: glass/gradient/glow 토큰군, 기본 dark=Midnight(블루),
  6종 테마 변형 전부 파생 토큰 유지 (테마 시스템 보존)
- DS 리스킨(API 호환): 글래스 카드/버튼, Pretendard 타이포, 소프트 LED
- 신규: GradientWave(canvas 스펙트럼 음파), StatRing(컬러 링 타일)
- 보더리스: frame:false + 커스텀 TitleBar, 네이티브 스크롤바 제거(폭 불변)
  + OverlayScrollbars 오버레이 스크롤
- AppLayout 와이드 사이드바(lucide, 그라디언트 액티브 필), 대시보드 재구축,
  StatusBar(브랜드/로컬시간), Pretendard 번들, i18n +20키(ko/en)

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

@@ -1,11 +1,11 @@
 'use client'
 
 // src/renderer/components/ds/PhysicalButton.tsx
-// 시안 A: 물리 버튼 — 돌출 그림자, 눌림 피드백, 선택 상태
-// 토큰 적용: d3roShadow, d3roRadius, d3roTypo
+// v2 "Midnight Glass": 글래스 버튼 — 기본은 반투명 표면 + 헤어라인,
+// selected 시 액센트 그라디언트 + 글로우 (레퍼런스 프라이머리 버튼)
 
 import { Button, type ButtonProps } from '@mui/material'
-import { d3roPalette, d3roFontMono, d3roShadow, d3roRadius, d3roTypo } from '../../theme'
+import { d3roPalette, d3roFontSans, d3roShadow, d3roRadius, d3roTypo } from '../../theme'
 
 interface PhysicalButtonProps extends Omit<ButtonProps, 'variant'> {
   selected?: boolean
@@ -16,27 +16,29 @@ export function PhysicalButton({ selected = false, sx, ...props }: PhysicalButto
     <Button
       {...props}
       sx={{
-        height: 44,
-        bgcolor: selected ? d3roPalette.bg.crtBezel : d3roPalette.bg.chassis,
-        border: 'none',
-        borderRadius: d3roRadius.small,
-        color: selected ? d3roPalette.accent.amber : d3roPalette.text.inactive,
-        fontFamily: d3roFontMono,
+        height: 42,
+        bgcolor: selected ? 'transparent' : d3roPalette.glass.raised,
+        backgroundImage: selected ? d3roPalette.gradient.accent : 'none',
+        border: `1px solid ${selected ? 'transparent' : d3roPalette.glass.hairline}`,
+        borderRadius: d3roRadius.button,
+        color: selected ? '#fff' : d3roPalette.text.secondary,
+        fontFamily: d3roFontSans,
         fontSize: d3roTypo.small.size,
-        fontWeight: d3roTypo.small.weight,
+        fontWeight: 600,
         cursor: 'pointer',
-        boxShadow: selected ? d3roShadow.buttonPressed : d3roShadow.buttonRaised,
-        transform: selected ? 'translateY(1px)' : 'none',
-        transition: 'all 0.05s linear',
+        boxShadow: selected ? d3roShadow.glowAccent : 'none',
+        transition: 'filter 0.15s ease, border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease',
         '&:active': {
-          transform: 'translateY(2px)',
-          boxShadow: d3roShadow.buttonActive,
+          filter: 'brightness(0.92)',
         },
         '&:hover': {
-          bgcolor: selected ? d3roPalette.bg.crtBezel : d3roPalette.bg.cardHover,
+          bgcolor: selected ? 'transparent' : d3roPalette.bg.cardHover,
+          borderColor: selected ? 'transparent' : d3roPalette.glass.hairlineStrong,
+          color: selected ? '#fff' : d3roPalette.text.primary,
+          filter: selected ? 'brightness(1.08)' : 'none',
         },
-        textTransform: 'uppercase',
-        letterSpacing: d3roTypo.label.spacing,
+        textTransform: 'none',
+        letterSpacing: d3roTypo.small.spacing,
         minWidth: 0,
         ...sx,
       }}