@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --color-bg: #0a0a0a;
  --color-card: #1a1a1a;
  --color-card-hover: #222222;
  --color-border: #2a2a2a;
  --color-text: #e5e5e5;
  --color-text-secondary: #737373;
  --color-accent: #3b82f6;
  --color-accent-hover: #2563eb;

  /* Timing colors */
  --color-timing-purple: #a855f7;
  --color-timing-green: #22c55e;
  --color-timing-yellow: #eab308;
  --color-timing-red: #ef4444;
  --color-timing-grey: #737373;

  /* State colors */
  --color-state-track: #22c55e;
  --color-state-pit: #eab308;
  --color-state-stopped: #ef4444;
  --color-state-retired: #525252;

  /* Class colors */
  --color-class-ewc: #ef4444;
  --color-class-opensbk: #3b82f6;
  --color-class-sst1000: #22c55e;
  --color-class-sst600: #f97316;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3a3a3a;
}

/* Pulse animation for tracking status */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.animate-pulse-dot {
  animation: pulse-dot 2s ease-in-out infinite;
}