/**
 * Colors CSS
 * 
 * Definiert alle Farben als CSS Custom Properties basierend auf den Logo-Farben
 * und dem professionellen Dark Mode Design.
 */

:root {
    /* Logo Farben */
    --color-orange: #FF6B35;
    --color-turquoise: #00C9B7;
    --color-dark-blue: #2C3E50;
    
    /* Professional Dark Mode Farben */
    --color-background: #0F172A;
    --color-background-primary: #0F172A;
    --color-background-secondary: #1E293B;
    --color-background-tertiary: #334155;
    --color-text: #F1F5F9;
    --color-text-primary: #F1F5F9;
    --color-text-secondary: #CBD5E1;
    --color-text-tertiary: #94A3B8;
    --color-text-light: #64748B;
    
    /* UI Farben */
    --color-success: #28A745;
    --color-success-bg: #D4EDDA;
    --color-success-border: #C3E6CB;
    --color-warning: #FF6B35;
    --color-warning-bg: #FFE8E0;
    --color-warning-border: #FFD6C8;
    --color-error: #EA580C;
    --color-error-bg: #FFEDD5;
    --color-error-border: #FED7AA;
    --color-info: #00C9B7;
    --color-info-bg: #D1F5F1;
    --color-info-border: #B8F0EB;
    
    /* Border & Shadow - Dark Mode */
    --color-border: #334155;
    --color-border-dark: #475569;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.7);
    
    /* Button Farben */
    --color-button-primary: #FF6B35;
    --color-button-primary-hover: #00C9B7;
    --color-button-primary-text: #FFFFFF;
    --color-button-secondary: #00C9B7;
    --color-button-secondary-hover: #00B3A3;
    --color-button-secondary-text: #FFFFFF;
    --color-button-danger: #EA580C;
    --color-button-danger-hover: #C2410C;
    --color-button-danger-text: #FFFFFF;
    
    /* Link Farben */
    --color-link: #FF6B35;
    --color-link-hover: #00C9B7;
    --color-link-visited: #D65A2E;
    
    /* Gradient Farben - Dark Mode optimiert */
    --gradient-primary: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(0, 201, 183, 0.15) 100%);
    --gradient-accent: linear-gradient(135deg, #FF6B35 0%, #00C9B7 100%);
    
    /* Main Theme Colors - Dark Mode */
    --color-primary: #FF6B35;
    --color-secondary: #00C9B7;
    --color-accent: rgba(255, 107, 53, 0.2);
    
    /* Input Colors - Dark Mode */
    --color-input-background: #1E293B;
    --color-input-border: #334155;
    --color-input-focus: #FF6B35;
}