:root { /* Sail Boat City Color Scheme */ --chat--color-primary: #1fb6d3; --chat--color-primary-shade-50: #1ca5bf; --chat--color-primary-shade-100: #1994ab; --chat--color-secondary: #f7b32b; --chat--color-secondary-shade-50: #f5a91f; --chat--color-white: #ffffff; --chat--color-light: #f8f9fa; --chat--color-light-shade-50: #e9eceff; --chat--color-light-shade-100: #dee2e6; --chat--color-medium: #6c757d; --chat--color-dark: #212529; --chat--color-disabled: #6c757d; --chat--color-typing: #495057; /* Spacing and Layout */ --chat--spacing: 1rem; --chat--border-radius: 0.5rem; --chat--transition-duration: 0.3s; /* Chat Window Dimensions */ --chat--window--width: 400px; --chat--window--height: 600px; /* Header Styling */ --chat--header-height: auto; --chat--header--padding: var(--chat--spacing); --chat--header--background: var(--chat--color-primary); --chat--header--color: var(--chat--color-white); --chat--header--border-top: none; --chat--header--border-bottom: 2px solid var(--chat--color-secondary); --chat--heading--font-size: 1.5em; --chat--subtitle--font-size: 0.9em; --chat--subtitle--line-height: 1.6; /* Message Input */ --chat--textarea--height: 50px; /* Message Styling */ --chat--message--font-size: 1rem; --chat--message--padding: var(--chat--spacing); --chat--message--border-radius: var(--chat--border-radius); --chat--message-line-height: 1.6; /* Bot Messages */ --chat--message--bot--background: var(--chat--color-light); --chat--message--bot--color: var(--chat--color-dark); --chat--message--bot--border: 1px solid var(--chat--color-light-shade-100); /* User Messages */ --chat--message--user--background: var(--chat--color-primary); --chat--message--user--color: var(--chat--color-white); --chat--message--user--border: none; /* Code Blocks */ --chat--message--pre--background: rgba(0, 0, 0, 0.05); /* Chat Toggle Button */ --chat--toggle--background: var(--chat--color-primary); --chat--toggle--hover--background: var(--chat--color-primary-shade-50); --chat--toggle--active--background: var(--chat--color-primary-shade-100); --chat--toggle--color: var(--chat--color-white); --chat--toggle--size: 64px; }