feat(pmr): configure design system foundation

Task 1: Design system foundation and font setup
- Add Geist Mono font to Google Fonts import for PMR coded entries and timestamps
- Extend PMR color tokens in Tailwind config (card, text variants, borders, alert colors)
- Update border-radius defaults: 4px for cards/inputs, 12px for login card
- Add PMR-specific CSS custom properties in index.css
- Add .pmr-theme, .font-inter, .font-geist-mono utility classes
- Add pmr shadow token (minimal clinical system shadow)

All PMR color tokens now match ref-design-system.md spec exactly.
This commit is contained in:
2026-02-11 20:49:36 +00:00
parent a52cb9f84b
commit 93051021fc
3 changed files with 49 additions and 2 deletions
+14 -1
View File
@@ -37,10 +37,21 @@ export default {
sidebar: '#1E293B',
banner: '#334155',
content: '#F5F7FA',
card: '#FFFFFF',
nhsblue: '#005EB8',
green: '#22C55E',
amber: '#F59E0B',
red: '#EF4444',
'text-primary': '#111827',
'text-secondary': '#6B7280',
'text-on-dark': '#FFFFFF',
'text-on-dark-secondary': '#94A3B8',
'border': '#E5E7EB',
'border-dark': '#D1D5DB',
'selected-row': '#EFF6FF',
'alert-bg': '#FEF3C7',
'alert-border': '#F59E0B',
'alert-text': '#92400E',
},
},
fontFamily: {
@@ -54,9 +65,11 @@ export default {
'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)',
},
borderRadius: {
'card': '16px',
'card': '4px',
'login': '12px',
},
},
},