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>
This commit is contained in:
+5
-2
@@ -58,14 +58,17 @@ export default {
|
||||
primary: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
|
||||
secondary: ['Inter Tight', 'system-ui', 'sans-serif'],
|
||||
mono: ['Fira Code', 'monospace'],
|
||||
inter: ['Inter', 'system-ui', 'sans-serif'],
|
||||
ui: ['Elvaro Grotesque', 'system-ui', 'sans-serif'],
|
||||
'ui-alt': ['Blumir', 'system-ui', 'sans-serif'],
|
||||
geist: ['Geist Mono', 'Fira Code', 'monospace'],
|
||||
},
|
||||
boxShadow: {
|
||||
'sm': '0 1px 3px rgba(0,0,0,0.06)',
|
||||
'md': '0 4px 12px rgba(0,0,0,0.08)',
|
||||
'lg': '0 8px 24px rgba(0,0,0,0.1)',
|
||||
'pmr': '0 1px 2px rgba(0,0,0,0.03)',
|
||||
'pmr': '0 1px 2px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03)',
|
||||
'pmr-hover': '0 2px 4px rgba(0,0,0,0.06), 0 8px 16px rgba(0,0,0,0.04)',
|
||||
'pmr-banner': '0 2px 8px rgba(0,0,0,0.12)',
|
||||
},
|
||||
borderRadius: {
|
||||
'card': '4px',
|
||||
|
||||
Reference in New Issue
Block a user