@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;
}