Task 2: Set up premium font system (Elvaro Grotesque + Blumir)

Added @font-face declarations for both premium font candidates:
- Elvaro Grotesque: 7 weights (Light 300 → Black 900) from WOFF2/WOFF files
- Blumir: Variable font (100-700 weight range) from WOFF2/WOFF files

Updated Tailwind config:
- Added font-ui (Elvaro Grotesque) and font-ui-alt (Blumir) families
- Removed font-inter references (replaced with font-ui)
- Enhanced shadow tokens: pmr, pmr-hover, pmr-banner for Clinical Luxury depth
- Kept font-geist (Geist Mono) for data/timestamps, font-mono (Fira Code) for boot/ECG

Updated CSS variables and utility classes:
- --font-ui: Elvaro Grotesque
- --font-ui-alt: Blumir
- .pmr-theme now uses var(--font-ui) instead of var(--font-inter)

Fixed ESLint errors in ECGAnimation.tsx (viewOff/headSX should be const).

Quality checks: All passed (typecheck, lint, build). Font files bundled correctly.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/components/ECGAnimation.tsx

@@ -414,13 +414,11 @@ export function ECGAnimation({ onComplete, startPosition }: ECGAnimationProps) {
       }
 
       // Calculate viewport and head screen position
-      let headSX: number
-      let viewOff: number
       const headSXEcg = HEAD_SCREEN_RATIO * vw
-      
+
       // Simple continuous scrolling - viewport follows head when it exceeds 75% of screen
-      viewOff = Math.max(0, headWX - headSXEcg)
-      headSX = headWX - viewOff
+      const viewOff = Math.max(0, headWX - headSXEcg)
+      const headSX = headWX - viewOff
 
       // Calculate fade alpha
       let fadeAlpha = 1