style: convert UI palette to clean clinical hospital theme

src/app/globals.css

@@ -1,26 +1,42 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #f8fafc; /* Hospital sterile off-white */
+  --foreground: #0f172a; /* Deep clinical slate */
+  --medical-blue: #0284c7; /* Classic Hospital / Medical Cross Blue */
+  --medical-navy: #0f172a; /* Clinical Navy */
+  --medical-slate: #f1f5f9; /* Examination table cool slate */
+  --medical-border: #e2e8f0;
 }
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+.dark {
+  --background: #0b1329; /* Hospital Night Shift Deep Navy */
+  --foreground: #f8fafc;
+  --medical-blue: #38bdf8;
+  --medical-navy: #0f172a;
+  --medical-slate: #1e293b;
+  --medical-border: #334155;
 }
 
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Custom Hospital Scrollbars */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 9999px;
+}
+.dark ::-webkit-scrollbar-thumb {
+  background: #475569;
 }