@media (prefers-color-scheme: dark) {
    /* Blog styling - Dark Theme */

    /* Blog List Styles */
    .blog-title {
        color: #f0f0f0;
    }

    .blog-description {
        color: #aaa;
    }

    /* Featured Post */
    .featured-post {
        background-color: #2c2c2c;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    .featured-post-title {
        color: #f0f0f0;
    }

    .featured-post-excerpt {
        color: #bbb;
    }

    .featured-post-meta {
        color: #999;
    }

    .featured-post-category {
        color: #ccc;
    }

    /* Post Cards */
    .post-card {
        background-color: #2c2c2c;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .post-card:hover {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }

    .post-card-title {
        color: #f0f0f0;
    }

    .post-card-excerpt {
        color: #bbb;
    }

    .post-card-meta {
        color: #999;
    }

    .post-card-category {
        color: #ccc;
    }

    .post-card-date {
        color: #888;
    }

    /* Single Post */
    .single-post-title {
        color: #f0f0f0;
    }

    .single-post-meta {
        color: #999;
    }

    .single-post-content {
        color: #ddd;
    }

    .single-post-content h2,
    .single-post-content h3 {
        color: #f0f0f0;
    }

    /* Categories */
    .category-link {
        background-color: #3a3a3a;
        color: #ccc;
    }

    /* Pagination */
    .page-link {
        background-color: #2c2c2c;
        color: #ccc;
        border: 1px solid #444;
    }

    .page-link:hover {
        background-color: #3a3a3a;
        color: #f0f0f0;
    }

    /* Back button */
    .back-button {
        color: #ccc;
    }

    .back-button:hover {
        color: #ffcd00;
    } 

    span {
        color: #fff !important;
        font-weight: 600 !important;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #fff !important;
    }

    .nav-pills .nav-link {
        color: #fff !important;
    }

    .nav-pills .nav-link.active {
        background-color: #ffcd00 !important;
        color: #333 !important;
    }

    .nav-pills .nav-link:hover {
        background-color: #ffcd00 !important;
        color: #333 !important;
    }

    .nav-pills .nav-link:focus {
        background-color: #ffcd00 !important;
        color: #333 !important;
    }
    
    .roadmap-card {
        background-color: #2c2c2c !important;
        color: #fff !important;
    }

    .card-body {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
        color: #fff !important;
        background-color: #2c2c2c !important;
    }

    .card {
        border: 0px !important;
    }

    .alert-danger {
        background-color: #2c2c2c !important;
        color: #fff !important;
    }
}