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

    /* Headings */
    h1 {
        color: var(--text-white); /* Unified heading text color */
        margin: 50px 0; /* Combine top and bottom margins */
    }

    /* Blog Card */
    .blog-card {
        border: 1px solid var(--border-color-earthy); /* Use consistent border color */
        display: inline-block;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        color: var(--text-white); /* Ensure consistent text color */
        background: var(--background-color-earthy); /* Use dark green background */
        border-radius: 12px;
        text-decoration: none;
    }

    .blog-card:hover {
        box-shadow: 2px 4px 16px var(--card-shadow-earthy);
        transform: scale3d(1.01, 1.01, 1.01);
    }

    /* Image Container in Blog Card */
    .blog-card .blog-card-image {
        position: relative;
        overflow: hidden;
        margin: 15px;
        border-radius: 12px;
        padding: 15px;
    }

    .blog-card .blog-card-image img {
        width: 100%;
        height: 100%;
        border-radius: 6px;
        pointer-events: none;
    }

    /* Blog Card Table Content */
    .blog-card .blog-table {
        padding: 15px 30px;
        color: var(--text-white); /* Unified text color */
        border-radius: 10px;
        margin-bottom: 0;
    }

    /* Category Tag Under Image */
    .blog-category {
        position: relative;
        margin: 15px 0;
        line-height: 1.2;
        color: var(--link-hover-earthy); /* Slightly vibrant green for emphasis */
        text-transform: uppercase;
        font-size: 0.85rem;
    }

    /* Blog Text and Captions */
    .blog-text-success {
        color: #96cfc8 !important; /* Use accented green from dark mode variables */
    }

    .blog-card-caption {
        font-weight: 700;
        color: var(--text-white); /* Use heading text color */
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }

    .blog-card-caption a {
        color: var(--link-hover-earthy); /* Unified vibrant green for links */
        text-decoration: none;
    }

    /* Blog Card Paragraph Text */
    .blog-card p {
        color: var(--text-white); /* Use paragraph color */
        margin-top: 0;
        margin-bottom: 1rem;
    }

    /* Blog Card Footer (Bottom Section) */
    .blog-card .ftr {
        margin-top: 15px;
        color: #96cfc8; /* Muted green for footer text */
    }

    .blog-card .ftr .author {
        color: #96cfc8; /* Author section in consistent muted green */
        font-size: 0.9rem; /* Smaller text for clarity */
    }

    .blog-card .ftr div {
        display: inline-block;
    }

    /* Avatar in Footer */
    .blog-card .author .avatar {
        width: 36px;
        height: 36px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 5px;
        border: 1px solid var(--border-color-earthy); /* Match card border */
    }

    /* Blog Card Footer Stats */
    .blog-card .ftr .stats {
        font-size: 0.875rem; /* Adjust font size */
        color: #96cfc8; /* Match muted footer text color */
        line-height: 30px;
    }

    .blog-card .ftr .stats {
        float: right;
    }
}