@import 'tailwindcss';

@theme {
  --font-sans:
    'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  --color-surface: #09090b;
  --color-foreground: #f4f4f5;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(0.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@utility animate-fadeIn {
  animation: fadeIn 0.3s ease-out both;
}

:root {
  color-scheme: dark;
}

body {
  @apply min-h-screen bg-zinc-950 text-zinc-100 font-sans;
  background-color: var(--color-surface);
  color: var(--color-foreground);
}