@media(prefers-color-scheme:dark){

    .ocohost-wrapper:not(.ocohost-light-mode){
        --ocohost-bg:#0f172a;
        --ocohost-text:#e2e8f0;
        --ocohost-shadow:0 10px 35px rgba(0,0,0,.3);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-card{
        background:#1e293b;
        border:1px solid rgba(255,255,255,.06);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-card .content{
        color:#e2e8f0;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .list-overlay{
        background:#1e293b;
        color:#e2e8f0;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .list-item{
        border:1px solid rgba(255,255,255,.06);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .carousel-item{
        border:1px solid rgba(255,255,255,.06);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-skeleton{
        background:#1e293b;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-filter button{
        background:#1e293b;
        color:#e2e8f0;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-load-more{
        background:var(--ocohost-primary);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .ocohost-spinner{
        border-color:rgba(255,255,255,.1);
        border-top-color:var(--ocohost-primary);
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .carousel-arrow{
        background:rgba(30,41,59,.9);
        color:#e2e8f0;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .carousel-dot{
        background:#334155;
    }

    .ocohost-wrapper:not(.ocohost-light-mode) .carousel-dot.active{
        background:var(--ocohost-primary);
    }

}

.ocohost-wrapper.ocohost-dark-mode{
    --ocohost-bg:#0f172a;
    --ocohost-text:#e2e8f0;
    --ocohost-shadow:0 10px 35px rgba(0,0,0,.3);
}

.ocohost-wrapper.ocohost-dark-mode .ocohost-card{
    background:#1e293b;
    border:1px solid rgba(255,255,255,.06);
}

.ocohost-wrapper.ocohost-dark-mode .ocohost-card .content{
    color:#e2e8f0;
}

.ocohost-wrapper.ocohost-dark-mode .list-overlay{
    background:#1e293b;
    color:#e2e8f0;
}

.ocohost-wrapper.ocohost-dark-mode .list-item{
    border:1px solid rgba(255,255,255,.06);
}