@import "tailwindcss";

:root {
  --background: #09090b;
  --foreground: #fafafa;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), system-ui, sans-serif;
}

/* Scrollbar styling for the ops-console feel */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}

/* Prose overrides for dark theme */
.prose pre {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.prose code {
  font-size: 0.8em;
}

/* Selection color */
::selection {
  background: rgba(245, 158, 11, 0.3);
}

/* Score popup animation */
@keyframes score-pop {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1.2);
  }
  30% {
    opacity: 1;
    transform: translateY(4px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(16px) scale(0.9);
  }
}

.animate-score-pop {
  animation: score-pop 1.5s ease-out forwards;
}
