AI MCP Gateway

@tailwind base; @tailwind components; @tailwind utilities; :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 400; color-scheme: dark; color: rgba(255, 255, 255, 0.87); background-color: #0f172a; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; min-width: 320px; min-height: 100vh; } .card { @apply bg-slate-800 border border-slate-700 rounded-lg shadow-lg; } .btn-primary { @apply px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium; } .btn-secondary { @apply px-4 py-2 bg-slate-600 hover:bg-slate-700 text-white rounded-lg transition-colors font-medium; } .btn-danger { @apply px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition-colors font-medium; } .input { @apply w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500; } .badge { @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium; } .badge-success { @apply bg-green-500/20 text-green-400 border border-green-500/50; } .badge-error { @apply bg-red-500/20 text-red-400 border border-red-500/50; } .badge-warning { @apply bg-yellow-500/20 text-yellow-400 border border-yellow-500/50; } .badge-info { @apply bg-blue-500/20 text-blue-400 border border-blue-500/50; }