@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 247, 250, 252;
  --background-start-rgb: 10, 17, 40;
  --background-end-rgb: 10, 17, 40;
}

body {
  color: rgb(var(--foreground-rgb));
  background: #0A1128;
  -webkit-font-smoothing: antialiased;
}

@layer components {
  .glass-card {
    @apply bg-white/5 backdrop-blur-xl border border-white/10 rounded-3xl;
  }
  
  .clinical-text {
    @apply font-mono text-xs uppercase tracking-widest opacity-60;
  }
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0A1128;
}
::-webkit-scrollbar-thumb {
  background: #4A5568;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00E5FF;
}