:root {
  /* Gradient Backgrounds */
  --gradient-primary: linear-gradient(135deg, #7b1fa2, #4a148c);
  --gradient-secondary: linear-gradient(135deg, #b388ff, #7c4dff);
  --gradient-user: linear-gradient(135deg, #81c784, #43a047);
  --gradient-bot: linear-gradient(135deg, #64b5f6, #1976d2);
  
  /* Enhanced Text Colors for Better Visibility */
  --text-light: #ffffff;
  --text-dark: #212121;
  --text-accent: #ffd54f;
  
  /* Base Colors */
  --color-primary: #6a1b9a;
  --color-secondary: #7c4dff;
  --color-tertiary: #69f0ae;
  
  /* Border and Background */
  --border-color: rgba(255, 255, 255, 0.3);
  --background-light: #f3e5f5;
  --background-dark: #4a148c;
  
  /* Shadows and Effects */
  --shadow-soft: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-hard: 0 8px 12px rgba(0, 0, 0, 0.5);
  --glow-effect: 0 0 10px rgba(124, 77, 255, 0.5);
  
  /* Chat Container */
  --df-messenger-chat-background: var(--gradient-secondary);
  --df-messenger-chat-border: none;
  --df-messenger-chat-border-radius: 20px;
  --df-messenger-chat-padding: 40px;
  --df-messenger-chat-window-height: 70vh;
  --df-messenger-chat-box-shadow: var(--shadow-hard);
  
  /* Title Bar */
  --df-messenger-titlebar-background: var(--gradient-primary);
  --df-messenger-titlebar-font-color: var(--text-light);
  --df-messenger-titlebar-border-bottom: 2px solid var(--color-tertiary);
  --df-messenger-titlebar-padding: 20px 30px;
  --df-messenger-titlebar-title-font-size: 28px;
  --df-messenger-titlebar-title-font-weight: bold;
  --df-messenger-titlebar-subtitle-font-color: var(--text-accent);
  
  /* Messages */
  --df-messenger-message-padding: 20px;
  --df-messenger-message-border-radius: 20px;
  --df-messenger-message-bot-background: var(--gradient-bot);
  --df-messenger-message-user-background: var(--gradient-user);
  --df-messenger-message-bot-shadow: var(--shadow-soft);
  --df-messenger-message-user-shadow: var(--shadow-soft);
  --df-messenger-message-bot-border-top-left-radius: 5px;
  --df-messenger-message-user-border-top-right-radius: 5px;
  --df-messenger-message-bot-font-color: var(--text-light);
  --df-messenger-message-user-font-color: var(--text-dark);
  
  /* Input Area */
  --df-messenger-input-background: var(--background-light);
  --df-messenger-input-box-background: white;
  --df-messenger-input-box-border: none;
  --df-messenger-input-box-border-radius: 30px;
  --df-messenger-input-box-padding: 18px 25px;
  --df-messenger-input-box-shadow: var(--shadow-hard), 0 0 0 2px var(--color-secondary) inset;
  --df-messenger-input-box-font-size: 16px;
  --df-messenger-send-icon-color: var(--color-primary);
  
  /* Interactive Elements */
  --df-messenger-link-font-color: var(--color-tertiary);
  --df-messenger-link-background-color: rgba(0, 0, 0, 0.2);
  --df-messenger-link-border: none;
  --df-messenger-link-border-radius: 5px;
  --df-messenger-link-padding: 5px 10px;
  
  --df-messenger-chips-background: var(--background-light);
  --df-messenger-chips-font-color: var(--text-dark);
  --df-messenger-chips-border: 1px solid var(--color-secondary);
  --df-messenger-chips-border-radius: 20px;
  --df-messenger-chips-shadow: var(--shadow-soft);
  
  --df-messenger-button-background: var(--gradient-primary);
  --df-messenger-button-font-color: var(--text-light);
  --df-messenger-button-border: none;
  --df-messenger-button-border-radius: 5px;
  --df-messenger-button-padding: 10px 20px;
  --df-messenger-button-shadow: var(--shadow-soft);
  
  /* Tables and Cards */
  --df-messenger-table-border-color: var(--color-secondary);
  --df-messenger-table-header-background: var(--gradient-primary);
  --df-messenger-table-header-font-color: var(--text-light);
  
  --df-messenger-card-background: white;
  --df-messenger-card-border: none;
  --df-messenger-card-border-radius: 15px;
  --df-messenger-card-shadow: var(--shadow-hard);
  
  /* Rich Feedback and Other Elements */
  --df-messenger-message-rich-feedback-background: var(--background-light);
  --df-messenger-message-rich-feedback-shadow: var(--shadow-soft);
  
  --df-messenger-message-feedback-icon-background: var(--gradient-secondary);
  --df-messenger-message-feedback-icon-font-color: var(--text-light);
  
  --df-messenger-chat-scroll-button-background: var(--color-primary);
  --df-messenger-chat-scroll-button-font-color: var(--text-light);
  --df-messenger-chat-scroll-button-shadow: var(--shadow-hard);
}