43 lines
1.0 KiB
CSS
43 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--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;
|
|
}
|
|
|
|
.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: -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;
|
|
}
|