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

body {
  @apply m-0 bg-white text-ink-800 antialiased;
}

#root {
  @apply min-h-screen;
}

/* AI Companion breathing animation */
@keyframes breathing {
  0%, 100% {
    transform: scale(1) translateY(0);
    box-shadow: 0 0 15px rgba(92, 124, 250, 0.3);
  }
  50% {
    transform: scale(1.05) translateY(-4px);
    box-shadow: 0 0 30px rgba(92, 124, 250, 0.5);
  }
}

@keyframes ping-slow {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  75%, 100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.animate-breathing {
  animation: breathing 3s ease-in-out infinite;
}

.animate-ping-slow {
  animation: ping-slow 3s cubic-bezier(0, 0, 0.2, 1) infinite;
}