| @import "tailwindcss"; | |
| :root { | |
| --background: #ffffff; | |
| --foreground: #343541; | |
| --chat-bg: #ffffff; | |
| --user-bg: #f7f7f8; | |
| --assistant-bg: #ffffff; | |
| --border-color: #e5e5e5; | |
| --cat-primary: #10a37f; | |
| --cat-primary-hover: #0e8f6f; | |
| } | |
| @theme inline { | |
| --color-background: var(--background); | |
| --color-foreground: var(--foreground); | |
| --font-sans: var(--font-geist-sans); | |
| --font-mono: var(--font-geist-mono); | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| :root { | |
| --background: #0a0a0a; | |
| --foreground: #ededed; | |
| --chat-bg: #1a1a1a; | |
| --cat-primary: #10a37f; | |
| --cat-primary-hover: #0e8f6f; | |
| } | |
| } | |
| body { | |
| background: var(--background); | |
| color: var(--foreground); | |
| font-family: var(--font-sans), Arial, Helvetica, sans-serif; | |
| } | |
| .prose p { | |
| margin-top: 0.5em; | |
| margin-bottom: 0.5em; | |
| } | |
| .animate-pulse { | |
| animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; | |
| } | |
| @keyframes pulse { | |
| 0%, 100% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0.3; | |
| } | |
| } | |