src/index.css

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

:root {
  color-scheme: dark;
}

body {
  @apply bg-[#020617] text-slate-100 antialiased;
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

/* Apply smooth transitions to theme-affected properties */
:root {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

body {
  @apply transition-colors duration-300 ease-in-out;
}

/* Prevent transitions on page load to avoid "flash" */
.preload * {
  transition: none !important;
}
/* Optimized scrollbar for the Clinical Terminal */
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  @apply bg-transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  @apply bg-slate-800 rounded-full hover:bg-slate-700 transition-colors;
}

/* Transition for view switching */
.view-enter {
  @apply opacity-0 translate-y-2;
}

.view-enter-active {
  @apply opacity-100 translate-y-0 transition-all duration-500 ease-out;
}

/* Typography refinements for Clinical Data */
h1, h2, h3 {
  @apply tracking-tighter italic font-black uppercase;
}

.mono-label {
  @apply font-mono text-[10px] uppercase tracking-[0.2em] text-slate-500;
}