/**
 * CockpitOS Light - Chatbot CSS Variables
 * 
 * Verantwortlichkeit: Chatbot-spezifische Design-Tokens
 * Nutzt CockpitOS Light CSS-Variablen
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

:root {
    /* Chatbot Colors - Mapped to CockpitOS Light */
    --chatbot-primary: var(--color-primary);
    --chatbot-primary-light: var(--color-primary-light);
    --chatbot-primary-dark: var(--color-primary-dark);
    
    --chatbot-bg: var(--color-white);
    --chatbot-bg-secondary: var(--color-gray-50);
    --chatbot-text: var(--color-gray-900);
    --chatbot-text-secondary: var(--color-gray-600);
    --chatbot-border: var(--color-gray-200);
    
    /* Chatbot Message Colors */
    --chatbot-message-user-bg: var(--color-primary);
    --chatbot-message-user-text: var(--color-white);
    --chatbot-message-assistant-bg: var(--color-gray-100);
    --chatbot-message-assistant-text: var(--color-gray-900);
    
    /* Chatbot Spacing */
    --chatbot-spacing-xs: var(--spacing-xs);
    --chatbot-spacing-sm: var(--spacing-sm);
    --chatbot-spacing-md: var(--spacing-md);
    --chatbot-spacing-lg: var(--spacing-lg);
    --chatbot-spacing-xl: var(--spacing-xl);
    
    /* Chatbot Border Radius */
    --chatbot-radius-sm: var(--radius-sm);
    --chatbot-radius-md: var(--radius-md);
    --chatbot-radius-lg: var(--radius-lg);
    --chatbot-radius-full: var(--radius-full);
    
    /* Chatbot Shadows */
    --chatbot-shadow-sm: var(--shadow-sm);
    --chatbot-shadow-md: var(--shadow-md);
    --chatbot-shadow-lg: var(--shadow-lg);
    --chatbot-shadow-xl: var(--shadow-xl);
    
    /* Chatbot Modal - Optimierte Größe */
    --chatbot-modal-width: 680px;
    --chatbot-modal-height: 780px;
    --chatbot-modal-max-height: 88vh;
    
    /* Chatbot Z-Index */
    --chatbot-z-index-modal: 9999;
    --chatbot-z-index-overlay: 9998;
    
    /* Chatbot Transitions */
    --chatbot-transition-fast: 150ms ease;
    --chatbot-transition-normal: 300ms ease;
    --chatbot-transition-slow: 500ms ease;
}