diff --git a/src/app/globals.css b/src/app/globals.css index a2dc41e..bbaecbb 100644 --- a/src/app/globals.css +++ b/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; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6ba36e0..c177232 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,21 +1,10 @@ import type { Metadata } from 'next'; -import { Geist, Geist_Mono } from 'next/font/google'; import './globals.css'; -const geistSans = Geist({ - variable: '--font-geist-sans', - subsets: ['latin'], -}); - -const geistMono = Geist_Mono({ - variable: '--font-geist-mono', - subsets: ['latin'], -}); - export const metadata: Metadata = { - title: 'Mediusa Clinic OS — Next-Gen Practice Management Platform', + title: 'Mediusa Clinic OS — Hospital-Grade Practice Management Platform', description: - 'High-speed, proprietary white-label medical practice management platform for chiropractors and wellness clinics. Scheduling, paperless intake, ambient AI clinical notes, and billing.', + 'Clinical-grade, high-speed practice management platform for chiropractors, physical therapy, and wellness clinics. HIPAA compliant scheduling, paperless intake, ambient AI clinical notes, and billing.', }; export default function RootLayout({ @@ -24,11 +13,8 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - -
+ + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 678f250..a95a601 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,11 +11,10 @@ import { } from '@/lib/mock-data'; import { ClinicTenant, - Provider, - Patient, Appointment, SoapNote, Superbill, + Patient, } from '@/types/clinical'; import { CalendarView } from '@/components/calendar/CalendarView'; import { SoapChartEditor } from '@/components/charting/SoapChartEditor'; @@ -28,34 +27,29 @@ import { FileText, DollarSign, Users, - ShieldCheck, Building2, Globe, - Sparkles, ChevronDown, Stethoscope, Laptop, - CheckCircle2, } from 'lucide-react'; export default function Home() { - // Global Multi-Tenant State const [tenants, setTenants] = useState