web/app/globals.css

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

:root {
  color-scheme: dark;
}

html,
body {
  background-color: #0a0a0b;
  color: #e4e4e7;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Thin, restrained scrollbars to match the dashboard aesthetic. */
* {
  scrollbar-width: thin;
  scrollbar-color: #26262b transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: #26262b;
  border-radius: 0;
}

/* Subtle pulse used by the loading status line. */
@keyframes softPulse {
  0%,
  100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
.animate-soft-pulse {
  animation: softPulse 1.4s ease-in-out infinite;
}