@import "tailwindcss";

@theme {
  --color-clinical-50: #f0f7ff;
  --color-clinical-100: #e0efff;
  --color-clinical-200: #b9dfff;
  --color-clinical-300: #7cc5ff;
  --color-clinical-400: #36a9ff;
  --color-clinical-500: #0c8ce9;
  --color-clinical-600: #006dc7;
  --color-clinical-700: #0057a1;
  --color-clinical-800: #024a85;
  --color-clinical-900: #083e6e;
  --color-clinical-950: #062749;

  --color-accent-teal: #0d9488;
  --color-accent-teal-light: #ccfbf1;

  --color-severity-critical: #ef4444;
  --color-severity-urgent: #f97316;
  --color-severity-routine: #eab308;
  --color-severity-info: #3b82f6;
  --color-severity-success: #22c55e;
}

:root {
  --sidebar-width: 280px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Smooth transitions */
.panel-transition {
  transition: width 0.3s ease, opacity 0.2s ease;
}

/* Pulse animation for active alerts */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.animate-pulse-dot {
  animation: pulse-dot 2s ease-in-out infinite;
}

/* Glass morphism effect */
.glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}