diff --git a/index.html b/index.html
index 745bab1..330d67b 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
Andy Charlwood — MPharm | CV
-
+
diff --git a/src/index.css b/src/index.css
index 7939373..3280205 100644
--- a/src/index.css
+++ b/src/index.css
@@ -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 {
diff --git a/tailwind.config.js b/tailwind.config.js
index c83a0de..32503df 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -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',
},
},
},