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

:root {
  --background: #0A0A0F;
  --surface: #12121A;
  --border: #1A1A2E;
  --text-primary: #E0E0E0;
  --text-secondary: #8B8B9E;
  --accent: #60A5FA;
}

html {
  color-scheme: dark;
}

body {
  background: var(--background);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--surface);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

/* Terminal-style text */
.terminal-text {
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.85rem;
  line-height: 1.5;
}

/* Severity badges */
.badge-critical { @apply bg-red-500/20 text-red-400 border border-red-500/30; }
.badge-high { @apply bg-orange-500/20 text-orange-400 border border-orange-500/30; }
.badge-medium { @apply bg-yellow-500/20 text-yellow-400 border border-yellow-500/30; }
.badge-low { @apply bg-green-500/20 text-green-400 border border-green-500/30; }
.badge-info { @apply bg-gray-500/20 text-gray-400 border border-gray-500/30; }

/* Pulsing animation for active agents */
@keyframes pulse-border {
  0%, 100% { border-color: rgba(96, 165, 250, 0.3); }
  50% { border-color: rgba(96, 165, 250, 0.8); }
}
.agent-active {
  animation: pulse-border 2s ease-in-out infinite;
}