feat(ui): extend minimal doctor design across all screens

Refs #85

web/src/theme/tokens.css

@@ -1,45 +1,45 @@
 /*
- * Design tokens — single source of colours, type and spacing (docs/mock, series 2).
+ * Shared visual language with dashboard/theme.py and the approved doctor workspace.
  * Capacitor wraps this same bundle; a React Native port maps these 1:1 to a theme object.
  */
 :root {
   /* Ink & surfaces */
-  --c-navy: #0f2747; /* primary buttons, headings, desktop sidebar */
-  --c-navy-hover: #0a1d37;
-  --c-navy-soft: #e8eef6;
-  --c-text: #13294b;
-  --c-text-2: #4d5d73;
-  --c-text-3: #7a889b;
-  --c-page: #ffffff;
-  --c-page-desk: #f4f7fb; /* desktop canvas behind white panels */
+  --c-primary: #285e4e; /* primary buttons and active navigation */
+  --c-primary-hover: #204b3e;
+  --c-primary-soft: #edf3ee;
+  --c-text: #213b38;
+  --c-text-2: #526660;
+  --c-text-3: #63736f;
+  --c-page: #f6f7f3;
+  --c-page-desk: #f6f7f3; /* desktop canvas behind white panels */
   --c-surface: #ffffff;
-  --c-tile: #f3f7fb; /* soft card fill */
-  --c-border: #e2e9f1;
-  --c-border-strong: #c9d4e1;
+  --c-tile: #f4f6f2; /* soft card fill */
+  --c-border: #e1e7e3;
+  --c-border-strong: #b4c6ba;
 
-  /* Selection & positive: teal */
-  --c-teal: #17a08f;
-  --c-teal-strong: #0e7e71;
-  --c-teal-soft: #e3f5f2;
+  /* Selection & positive */
+  --c-teal: #527f61;
+  --c-teal-strong: #38634b;
+  --c-teal-soft: #eef4ee;
 
-  /* Info: blue */
-  --c-blue: #2f7fdb;
-  --c-blue-soft: #eaf3fd;
+  /* Informational surfaces */
+  --c-blue: #38634b;
+  --c-blue-soft: #edf3ee;
 
   /* Help & crisis: red */
-  --c-red: #e2383b;
-  --c-red-strong: #c62b2e;
-  --c-red-soft: #fdeded;
-  --c-red-line: #f7d3d3;
+  --c-red: #a83236;
+  --c-red-strong: #a83236;
+  --c-red-soft: #faeeee;
+  --c-red-line: #e7cbcb;
 
   /* Warning */
-  --c-amber: #e69a12;
-  --c-amber-soft: #fff4dd;
+  --c-amber: #805714;
+  --c-amber-soft: #fbf3e4;
 
-  --c-focus: #2f7fdb;
+  --c-focus: #598d7a;
 
-  /* Type: Golos Text (OFL), bundled locally — works offline. */
-  --font: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
+  /* Same offline system stack as the doctor workspace. */
+  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
   --fs-12: 0.75rem;
   --fs-13: 0.8125rem;
   --fs-14: 0.875rem;
@@ -63,14 +63,14 @@
   --s-12: 48px;
 
   /* Radii: tiles > buttons > chips */
-  --r-tile: 16px;
-  --r-btn: 12px;
-  --r-chip: 999px;
+  --r-tile: 12px;
+  --r-btn: 8px;
+  --r-chip: 5px;
 
   --tap: 52px;
   --nav-h: 64px;
-  --sidebar-w: 232px;
-  --rail-w: 300px;
+  --sidebar-w: 228px;
+  --rail-w: 264px;
 
   --safe-top: env(safe-area-inset-top, 0px);
   --safe-bottom: env(safe-area-inset-bottom, 0px);