﻿@media (prefers-color-scheme: dark) {

	/* BLOG PAGE WRAPPER */
	body {
		background: var(--surface-1);
		color: var(--text-1);
	}

	/* HERO SECTION */
	.blog-hero-section {
		background: var(--brand-primary);
		color: var(--text-1);
	}
	.blog-section-heading {
		font-size: 1.8rem;
		font-weight: 800;
		color: var(--text-1);
		margin-bottom: 1.5rem;
	}
	.blog-hero-inner h1 {
		color: var(--text-1);
	}
	.h2 {
		color: var(--text-1);
	}
	.blog-hero-inner p {
		color: rgba(255,255,255,0.75);
	}

	/* BLOG CARD */
	.blog-card {
		background: var(--surface-2);
		border-color: var(--border-light);
		box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	}

	.blog-card-title {
		color: var(--text-1);
	}

	.blog-card-meta {
		color: var(--text-3);
	}

	.blog-card-excerpt {
		color: var(--text-2);
	}

	.blog-card-readmore {
		color: var(--brand-primary);
	}

	/* FEATURED POST CARD */
	.featured-post-card {
		background: var(--surface-2);
		border-color: var(--border-medium);
		box-shadow: 0 12px 32px rgba(0,0,0,0.5);
	}

	.featured-post-title,
	.featured-post-title a {
		color: var(--text-1);
	}

	.featured-post-meta {
		color: var(--text-3);
	}

	.featured-post-excerpt {
		color: var(--text-2);
	}

	/* BLOG POST PAGE */
	.blog-post-hero h1 {
		color: var(--text-1);
	}

	.blog-post-meta {
		color: var(--text-3);
	}

	.blog-post-content {
		color: var(--text-1);
	}

		.blog-post-content h2,
		.blog-post-content h3 {
			color: var(--text-1);
		}

		.blog-post-content p {
			color: var(--text-2);
		}

	/* IMAGE PLACEHOLDERS */
	.blog-card-image-wrapper,
	.blog-post-hero-image,
	.blog-image-wrapper {
		background: var(--surface-3);
	}
}
