| :root { | |
| /* Warm Professional Palette */ | |
| --color-primary: #FF6B6B; /* Coral - energetic but friendly */ | |
| --color-secondary: #4ECDC4; /* Teal - calming accent */ | |
| --color-accent: #FFE66D; /* Warm Yellow - highlights */ | |
| --color-bg: #FFF8F5; /* Cream - soft background */ | |
| --color-surface: #FFFFFF; /* White - cards/messages */ | |
| --color-text: #2D3436; /* Dark Gray - primary text */ | |
| --color-text-light: #636E72; /* Medium Gray - secondary text */ | |
| --color-border: #FFD3B6; /* Light Coral - borders */ | |
| --color-success: #00B894; /* Green - success states */ | |
| --color-error: #E17055; /* Warm Red - errors */ | |
| --color-user-msg: #FFF0EC; /* Very Light Coral - user messages */ | |
| --color-bot-msg: #F1F2F6; /* Light Gray - bot messages */ | |
| /* Spacing */ | |
| --spacing-xs: 0.5rem; | |
| --spacing-sm: 1rem; | |
| --spacing-md: 1.5rem; | |
| --spacing-lg: 2rem; | |
| --spacing-xl: 3rem; | |
| /* Typography */ | |
| --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |
| --font-size-base: 16px; | |
| --font-size-sm: 14px; | |
| --font-size-lg: 18px; | |
| /* Shadows */ | |
| --shadow-sm: 0 2px 4px rgba(255, 107, 107, 0.1); | |
| --shadow-md: 0 4px 12px rgba(255, 107, 107, 0.15); | |
| --shadow-lg: 0 8px 24px rgba(255, 107, 107, 0.2); | |
| /* Border Radius */ | |
| --radius-sm: 8px; | |
| --radius-md: 12px; | |
| --radius-lg: 16px; | |
| --radius-xl: 24px; | |
| } |