LangChain Agent MCP Server

@tailwind base; @tailwind components; @tailwind utilities; /* Definition of the design system. All colors, gradients, fonts, etc should be defined here. All colors MUST be HSL. */ @layer base { :root { --background: 210 20% 98%; --foreground: 220 20% 10%; --card: 0 0% 100%; --card-foreground: 220 20% 10%; --popover: 0 0% 100%; --popover-foreground: 220 20% 10%; --primary: 199 89% 48%; --primary-foreground: 0 0% 100%; --secondary: 210 40% 96%; --secondary-foreground: 220 20% 10%; --muted: 210 40% 96%; --muted-foreground: 220 15% 45%; --accent: 199 89% 48%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 220 13% 91%; --input: 220 13% 91%; --ring: 199 89% 48%; --radius: 0.75rem; --tech-blue: 199 89% 48%; --tech-cyan: 187 92% 69%; --tech-dark: 220 30% 8%; --tech-gradient: linear-gradient(135deg, hsl(199 89% 48%), hsl(187 92% 69%)); } .dark { --background: 220 30% 8%; --foreground: 210 40% 98%; --card: 220 25% 10%; --card-foreground: 210 40% 98%; --popover: 220 25% 10%; --popover-foreground: 210 40% 98%; --primary: 199 89% 48%; --primary-foreground: 0 0% 100%; --secondary: 220 20% 15%; --secondary-foreground: 210 40% 98%; --muted: 220 20% 15%; --muted-foreground: 220 15% 65%; --accent: 199 89% 48%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 220 20% 20%; --input: 220 20% 20%; --ring: 199 89% 48%; --tech-blue: 199 89% 48%; --tech-cyan: 187 92% 69%; --tech-dark: 220 30% 8%; --tech-gradient: linear-gradient(135deg, hsl(199 89% 48%), hsl(187 92% 69%)); } } .database { offset-anchor: 10px 0px; animation: database-animation-path; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-duration: 4s; animation-delay: 1s; } .db-light-1 { offset-path: path("M 31 10 v 15 q 0 5 5 5 h 59 q 5 0 5 5 v 25"); } .db-light-2 { offset-path: path("M 77 10 v 10 q 0 5 5 5 h 13 q 5 0 5 5 v 25"); } .db-light-3 { offset-path: path("M 124 10 v 10 q 0 5 -5 5 h -14 q -5 0 -5 5 v 25"); } .db-light-4 { offset-path: path("M 170 10 v 15 q 0 5 -5 5 h -60 q -5 0 -5 5 v 25"); } @keyframes database-animation-path { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } }