:root {
    /* Primärfarben - basierend auf Logo */
    --color-primary: #C41E3A;
    --color-primary-hover: #A01A2E;
    --color-primary-light: #E8D4D8;
    
    /* Sekundärfarben */
    --color-secondary: #4A90E2;
    --color-secondary-hover: #357ABD;
    
    /* Hintergrundfarben - helles Design */
    --color-background: #FFFFFF;
    --color-background-alt: #F8F9FA;
    --color-background-light: #FAFBFC;
    
    /* Textfarben */
    --color-text: #2C3E50;
    --color-text-secondary: #6C757D;
    --color-text-light: #95A5A6;
    --color-text-inverse: #FFFFFF;
    
    /* Border-Farben */
    --color-border: #E9ECEF;
    --color-border-light: #F1F3F5;
    --color-border-dark: #DEE2E6;
    
    /* Status-Farben */
    --color-error: #DC3545;
    --color-error-light: #F8D7DA;
    --color-success: #28A745;
    --color-success-light: #D4EDDA;
    --color-warning: #FFC107;
    --color-warning-light: #FFF3CD;
    --color-info: #17A2B8;
    --color-info-light: #D1ECF1;
    
    /* Hover-Effekte */
    --color-hover-overlay: rgba(0, 0, 0, 0.04);
    --color-active-overlay: rgba(0, 0, 0, 0.08);
}