:root {
    /* Primärfarben - basierend auf Logo */
    --color-primary: #C41E3A;
    --color-primary-hover: #A01A2E;
    --color-primary-light: #E8D4D8;
    
    /* Komplementärfarbe zu Rot - freundliches Türkis/Teal */
    --color-complementary: #3AC4B0;
    --color-complementary-hover: #2FA896;
    --color-complementary-light: #D4F0EB;
    
    /* Sekundärfarben */
    --color-secondary: #4A90E2;
    --color-secondary-hover: #357ABD;
    
    /* Hintergrundfarben - Light Mode */
    --color-background: #FFFFFF;
    --color-background-alt: #F8F9FA;
    --color-background-light: #F0F0F0;
    
    /* Textfarben - Light Mode */
    --color-text: #1A1A1A;
    --color-text-secondary: #4A4A4A;
    --color-text-light: #6A6A6A;
    --color-text-inverse: #FFFFFF;
    
    /* Border-Farben - Light Mode */
    --color-border: #D0D0D0;
    --color-border-light: #E0E0E0;
    --color-border-dark: #B0B0B0;
    
    /* Status-Farben */
    --color-error: #DC3545;
    --color-error-hover: #C82333;
    --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 - Light Mode */
    --color-hover-overlay: rgba(0, 0, 0, 0.05);
    --color-active-overlay: rgba(0, 0, 0, 0.1);
    
    /* Schatten-Farben - Light Mode */
    --shadow-color-xs: rgba(0, 0, 0, 0.1);
    --shadow-color-sm: rgba(0, 0, 0, 0.15);
    --shadow-color-md: rgba(0, 0, 0, 0.2);
    --shadow-color-lg: rgba(0, 0, 0, 0.25);
    --shadow-color-xl: rgba(0, 0, 0, 0.3);
    --shadow-color-2xl: rgba(0, 0, 0, 0.35);
    --shadow-color-3xl: rgba(0, 0, 0, 0.4);
    
    /* Text-Schatten - Light Mode */
    --text-shadow-sm: rgba(0, 0, 0, 0.2);
    
    /* Overlay-Farben für Hero-Bereiche - Light Mode */
    --overlay-hero-start: rgba(255, 255, 255, 0.7);
    --overlay-hero-end: rgba(248, 249, 250, 0.6);
    --overlay-gradient-end: rgba(255, 255, 255, 0.1);
    
    /* Error-Focus-Farbe */
    --color-error-focus: rgba(220, 53, 69, 0.2);
    
    /* Text-Tertiär-Farbe - Light Mode */
    --color-text-tertiary: #6A6A6A;
}