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

	/* ---------- Listing hero ---------- */
	.projects-hero-inner h1 {
		color: var(--text-1);
	}

	.projects-hero-inner p {
		color: var(--text-2);
	}

	.projects-empty {
		color: var(--text-2);
	}

	/* ---------- Listing cards ---------- */
	.project-card {
		background: var(--surface-2);
		box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	}

		.project-card:hover {
			box-shadow: 0 6px 18px rgba(0,0,0,0.55);
		}

	.project-card-image {
		background: var(--surface-1);
	}

	.project-card-sector {
		color: var(--text-2);
	}

	.project-card-title {
		color: var(--text-1);
	}

	.project-card-excerpt {
		color: var(--text-2);
	}

	.project-card-cta {
		color: #4d94ff;
	}

	/* ---------- Technology tags ---------- */
	.project-tag {
		background: var(--surface-1);
		color: var(--text-2);
	}

	/* ---------- Detail hero ---------- */
	/* The hero overlay sits on a photo in both themes, so its light-on-dark
	   treatment is already correct and is deliberately left unchanged. */

	/* ---------- Meta bar ---------- */
	.project-meta-bar {
		border-bottom-color: var(--border-light);
	}

	.project-meta-label {
		color: var(--text-2);
	}

	.project-meta-value {
		color: var(--text-1);
	}

	/* ---------- Detail content ---------- */
	.project-section {
		border-bottom-color: var(--border-light);
	}

		.project-section h2 {
			color: var(--text-1);
		}

	.project-section-body {
		color: var(--text-1);
	}

		.project-section-body p,
		.project-section-body ul {
			color: var(--text-2);
		}

	/* ---------- Gallery ---------- */
	.project-gallery-item img {
		background: var(--surface-2);
	}

	.project-gallery-item figcaption {
		color: var(--text-2);
	}

	/* ---------- CTAs ---------- */
	.projects-cta,
	.project-cta {
		background: var(--surface-2);
	}

		.projects-cta h2,
		.project-cta h2 {
			color: var(--text-1);
		}

		.projects-cta p,
		.project-cta p {
			color: var(--text-2);
		}

	.project-back a {
		color: #4d94ff;
	}
}