/* public/assets/css/core/components.css - Zentrale Komponenten-Sammlung */

/* Import aller Komponenten-Module */
@import url('./components/button-components.css');
@import url('./components/form-components.css');
@import url('./components/feedback-components.css');
@import url('./components/layout-components.css');

/* Zusätzliche Dark Mode-Unterstützung für Komponenten */
@media (prefers-color-scheme: dark) {
    /* Button-Komponenten Dark Mode */
    .btn {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: #ffffff;
    }
    
    .btn:hover {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
    }
    
    .btn-outline-primary {
        color: var(--primary-color);
        border-color: var(--primary-color);
        background-color: transparent;
    }
    
    .btn-outline-primary:hover {
        color: #ffffff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    /* Form-Komponenten Dark Mode */
    .form-control {
        background-color: var(--medium-gray);
        border-color: var(--dark-gray);
        color: #e0e0e0;
    }
    
    .form-control:focus {
        background-color: var(--medium-gray);
        border-color: var(--accent-color);
        color: #e0e0e0;
        box-shadow: 0 0 0 0.2rem rgba(77, 182, 172, 0.25);
    }
    
    /* Layout-Komponenten Dark Mode */
    .card {
        background-color: var(--medium-gray);
        border-color: var(--dark-gray);
    }
    
    .card-header {
        background-color: var(--light-gray);
        border-bottom-color: var(--dark-gray);
    }
    
    /* Feedback-Komponenten Dark Mode */
    .alert {
        border-color: var(--dark-gray);
    }
    
    .alert-success {
        background-color: rgba(40, 167, 69, 0.2);
        border-color: rgba(40, 167, 69, 0.4);
        color: #90ee90;
    }
    
    .alert-danger {
        background-color: rgba(220, 53, 69, 0.2);
        border-color: rgba(220, 53, 69, 0.4);
        color: #ff6b6b;
    }
    
    .alert-warning {
        background-color: rgba(255, 193, 7, 0.2);
        border-color: rgba(255, 193, 7, 0.4);
        color: #ffd700;
    }
    
    .alert-info {
        background-color: rgba(13, 202, 240, 0.2);
        border-color: rgba(13, 202, 240, 0.4);
        color: #87ceeb;
    }
}