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
+34
View File
@@ -3,6 +3,7 @@
@tailwind utilities;
:root {
/* Original design system tokens (for boot/ECG phases) */
--bg: #FFFFFF;
--text: #334155;
--heading: #0F172A;
@@ -20,6 +21,28 @@
--radius: 16px;
--font-primary: 'Plus Jakarta Sans', system-ui, sans-serif;
--font-secondary: 'Inter Tight', system-ui, sans-serif;
/* PMR-specific tokens */
--pmr-content: #F5F7FA;
--pmr-card: #FFFFFF;
--pmr-sidebar: #1E293B;
--pmr-banner: #334155;
--pmr-nhs-blue: #005EB8;
--pmr-green: #22C55E;
--pmr-amber: #F59E0B;
--pmr-red: #EF4444;
--pmr-text-primary: #111827;
--pmr-text-secondary: #6B7280;
--pmr-border: #E5E7EB;
--pmr-border-dark: #D1D5DB;
--pmr-selected: #EFF6FF;
--pmr-alert-bg: #FEF3C7;
--pmr-alert-border: #F59E0B;
--pmr-alert-text: #92400E;
--pmr-radius: 4px;
--pmr-radius-login: 12px;
--font-inter: 'Inter', system-ui, sans-serif;
--font-geist-mono: 'Geist Mono', 'Fira Code', monospace;
}
* {
@@ -46,6 +69,17 @@ body {
.font-mono {
font-family: 'Fira Code', monospace;
}
.font-inter {
font-family: var(--font-inter);
}
.font-geist-mono {
font-family: var(--font-geist-mono);
}
.pmr-theme {
background-color: var(--pmr-content);
color: var(--pmr-text-primary);
font-family: var(--font-inter);
}
}
@keyframes blink {