@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #343541;
  --chat-bg: #ffffff;
  --user-bg: #f7f7f8;
  --assistant-bg: #ffffff;
  --border-color: #e5e5e5;
  --cat-primary: #10a37f;
  --cat-primary-hover: #0e8f6f;
}

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

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --chat-bg: #1a1a1a;
    --cat-primary: #10a37f;
    --cat-primary-hover: #0e8f6f;
  }
}

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

.prose p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.animate-pulse {
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}