Health & Fitness Coach MCP

@tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; } } @layer base { * { border-color: hsl(var(--border)); } body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); } } /* Custom color classes for the fitness theme */ @layer utilities { .text-coral-400 { color: rgb(251 146 60); } .text-coral-500 { color: rgb(249 115 22); } .bg-coral-50 { background-color: rgb(255 247 237); } .bg-coral-200 { background-color: rgb(254 215 170); } .border-coral-200 { border-color: rgb(254 215 170); } .from-coral-400 { --tw-gradient-from: rgb(251 146 60) var(--tw-gradient-from-position); } .to-coral-500 { --tw-gradient-to: rgb(249 115 22) var(--tw-gradient-to-position); } .from-coral-50 { --tw-gradient-from: rgb(255 247 237) var(--tw-gradient-from-position); } .to-orange-50 { --tw-gradient-to: rgb(255 247 237) var(--tw-gradient-to-position); } } /* Smooth animations */ @keyframes slideInFromBottom { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-in { animation: slideInFromBottom 0.3s ease-out; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: rgb(248 250 252); border-radius: 10px; } ::-webkit-scrollbar-thumb { background: rgb(203 213 225); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: rgb(148 163 184); }