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

	/* ---------- Hero ---------- */
	.quote-hero h1 {
		color: var(--text-1);
	}

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

	/* ---------- Builder steps ---------- */
	.quote-step {
		border-bottom-color: var(--border-light);
	}

		.quote-step legend {
			color: var(--text-1);
		}

	.quote-optional {
		color: var(--text-2);
	}

	/* ---------- Options ---------- */
	.quote-option-label {
		background: var(--surface-2);
		border-color: var(--border-light);
		color: var(--text-1);
	}

		.quote-option-label small {
			color: var(--text-2);
		}

	.quote-option input:checked + .quote-option-label {
		border-color: #4d94ff;
		background: rgba(77, 148, 255, 0.12);
	}

	.quote-option input:focus-visible + .quote-option-label {
		outline-color: #4d94ff;
	}

	.quote-hint {
		color: var(--text-2);
	}

	/* ---------- Estimate panel ---------- */
	.quote-summary {
		background: var(--surface-2);
	}

	.quote-summary-heading {
		color: var(--text-2);
	}

	.quote-total {
		color: var(--text-1);
	}

	/* Keep the estimate caveat visually prominent in dark mode.
	   Amber on charcoal retains the warning affordance without glare. */
	.quote-estimate-note {
		background: rgba(255, 193, 7, 0.14);
		border-left-color: #ffc107;
		color: var(--text-1);
	}

	.quote-lines {
		color: var(--text-1);
	}

		.quote-lines li {
			border-bottom-color: var(--border-light);
		}

	.quote-consult {
		background: rgba(77, 148, 255, 0.14);
		color: var(--text-1);
	}

	/* ---------- Lead form ---------- */
	.quote-form-heading {
		color: var(--text-1);
	}

	.quote-field label {
		color: var(--text-2);
	}

	.quote-field input,
	.quote-field textarea {
		background: var(--surface-1);
		border-color: var(--border-light);
		color: var(--text-1);
	}

		.quote-field input::placeholder,
		.quote-field textarea::placeholder {
			color: var(--text-2);
		}

		.quote-field input:focus,
		.quote-field textarea:focus {
			border-color: #4d94ff;
			outline: none;
		}

	.quote-callback {
		color: var(--text-2);
	}

	/* ---------- Inclusions ---------- */
	.quote-inclusions {
		border-top-color: var(--border-light);
	}

		.quote-inclusions h2,
		.quote-inclusions ul {
			color: var(--text-1);
		}

	.quote-disclaimer {
		color: var(--text-2);
	}

	/* ---------- Success ---------- */
	.quote-success {
		background: var(--surface-2);
		color: var(--text-1);
	}
}