File size: 1,492 Bytes
62a2bc4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
: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;
} |