Task 1: Update design tokens for GP System Dashboard

- Replace old dark PMR palette with light teal GP System tokens
- Add three-tier shadow system (sm/md/lg) with warm green-gray tints
- Update border-radius: cards now 8px, inner elements 6px
- Add layout vars (sidebar-width 272px, topbar-height 48px)
- Fix font-ui/font-ui-alt swap: Elvaro Grotesque is now primary
- Add status color tokens (success, amber, alert, purple) with light/border variants
- Keep legacy --pmr-* aliases for backward compat during transition
- Update pmr Tailwind colors to new palette values

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

tailwind.config.js

@@ -34,19 +34,30 @@ export default {
           grey: '#666666',
         },
         pmr: {
-          sidebar: '#1E293B',
-          banner: '#334155',
-          content: '#F5F7FA',
-          card: '#FFFFFF',
-          nhsblue: '#005EB8',
-          green: '#22C55E',
-          amber: '#F59E0B',
-          red: '#EF4444',
-          'text-primary': '#111827',
-          'text-secondary': '#6B7280',
+          // GP System Dashboard palette
+          'bg': '#F0F5F4',
+          'surface': '#FFFFFF',
+          'sidebar': '#F7FAFA',
+          'accent': '#0D6E6E',
+          'accent-hover': '#0A8080',
+          'text-primary': '#1A2B2A',
+          'text-secondary': '#5B7A78',
+          'text-tertiary': '#8DA8A5',
+          'border': '#D4E0DE',
+          'border-light': '#E4EDEB',
+          'success': '#059669',
+          'amber': '#D97706',
+          'alert': '#DC2626',
+          'purple': '#7C3AED',
+          // Legacy tokens kept for transition (Task 21 cleanup)
+          'nhsblue': '#005EB8',
+          'content': '#F0F5F4',
+          'card': '#FFFFFF',
+          'banner': '#334155',
+          'green': '#22C55E',
+          'red': '#EF4444',
           'text-on-dark': '#FFFFFF',
           'text-on-dark-secondary': '#94A3B8',
-          'border': '#E5E7EB',
           'border-dark': '#D1D5DB',
           'selected-row': '#EFF6FF',
           'alert-bg': '#FEF3C7',
@@ -58,20 +69,21 @@ export default {
         primary: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
         secondary: ['Inter Tight', 'system-ui', 'sans-serif'],
         mono: ['Fira Code', 'monospace'],
-        ui: ['Blumir', 'system-ui', 'sans-serif'],
-        'ui-alt': ['Elvaro Grotesque', '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.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)',
+        // GP System three-tier shadow system
+        'pmr-sm': '0 1px 2px rgba(26,43,42,0.05)',
+        'pmr-md': '0 2px 8px rgba(26,43,42,0.08)',
+        'pmr-lg': '0 8px 32px rgba(26,43,42,0.12)',
+        // Legacy alias
+        'pmr': '0 1px 2px rgba(26,43,42,0.05)',
       },
       borderRadius: {
-        'card': '4px',
+        'card': '8px',
+        'card-sm': '6px',
         'login': '12px',
       },
     },