/* Color Variables for Easy Theming */
:root {
  /* Primary Colors */
  --color-primary: #075e54;
  --color-primary-dark: #064e45;
  --color-primary-light: #25d366;
  
  /* Background Colors */
  --color-bg-main: linear-gradient(135deg, #94a99c 0%, #9eadad 100%);
  --color-bg-white: #ffffff;
  --color-bg-chat: #e5ddd5;
  --color-bg-user-message: #dcf8c6;
  --color-bg-light: #f8f9fa;
  --color-bg-gray: #e9ecef;
  
  /* Text Colors */
  --color-text-white: #ffffff;
  --color-text-dark: #333333;
  --color-text-gray: #999999;
  --color-text-muted: #666666;
  
  /* Border Colors */
  --color-border-light: #e9ecef;
  --color-border-gray: #dddddd;
  
  /* Shadow Colors */
  --color-shadow-light: rgba(0, 0, 0, 0.1);
  --color-shadow-primary: rgba(7, 94, 84, 0.3);
  --color-shadow-primary-hover: rgba(7, 94, 84, 0.4);
  --color-shadow-dark: rgba(0, 0, 0, 0.5);
  
  /* Status Colors */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-error: #dc3545;
  --color-info: #17a2b8;
}