@import "tailwindcss";

@theme {
  --color-accent: #10b981;
  --color-accent-light: #34d399;
  --color-accent-dim: #059669;
  --color-spec: #f59e0b;
  --color-spec-light: #fbbf24;
  --color-surface: #0f1117;
  --color-surface-alt: #161922;
  --color-surface-hover: #1c2030;
  --color-border: #2a2e3e;
  --color-text-primary: #e4e6f0;
  --color-text-secondary: #8f93a8;
  --color-text-dim: #5c6078;
  --color-success: #4ade80;
  --color-warn: #fbbf24;
  --color-error: #f87171;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-surface);
  color: var(--color-text-primary);
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

code, pre {
  font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
}

@keyframes blink-cursor {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

.animate-blink-cursor {
  display: inline-block;
  width: 8px;
  height: 1.1em;
  background-color: var(--color-accent);
  vertical-align: text-bottom;
  margin-left: 1px;
  animation: blink-cursor 1s step-end infinite;
}
