@media (prefers-color-scheme: dark) {
    .seperator,
    body{
        background-color: #222;
    }

    .top-news-grid > div:nth-child(1) .card,
    .match-item-info,
    .section-header h2{
        color: #fff;
    }

    .match-item .top,
    .latest-yt-video,
    .main-header .main-row,
    .news-feed{
        background-color: #a1a1a1;
    }
    .main-header .main-row{
        background-color: #dfdfdf;
    }
    .home.news-btn,
    .card.related,
    .special .section-header h2,
    .news-feed .section-header h2{
        color: #000;
    }
    .card{
        background-color: #000;
        color: #fff;
    }

    .article-btn,
    .paoktoday-match,
    .match-list-type-option,
    .main-header .latest-row,
    .article-footer,
    .blogger-footer,
    .article-body{
        background-color: #444;
        color: #fff;
    }
    .article-body > :is(h1, h2, h3, h4, h5, h6), 
    .article-body :is(p, li, h1, h2, h3, h4, h5, h6) > a,
    .article-category,
    .blogger-name{
        color: var(--colorGold);
    }  

    .match-item .team-logo{
        mix-blend-mode: unset;
    }

    .paoktoday-match h3{
        color: var(--colorGold);
        text-shadow: none;
    }
}