:root {
	--primary-text: #09347a;
	--text: #222222;
	--primary-action: #09347a; /* DCFS dark blue */
	--bg-page: #fffef9;
	--link: #3366cc;
	--accent: #51B2D9; /* DCFS light blue */
	--border: #c6ccd0;
	--surface: #f2f2f2;
	--bg-input: #ffffff;
	--bg-button: #dfdfdf;

	/* Feedback rating button colors */
	--feedback-accurate-bg: #eaf0df;
	--feedback-accurate-border: #506624;
	--feedback-accurate-text: #607b2b;
	--feedback-neutral-bg: #ede8ca;
	--feedback-neutral-border: #877a26;
	--feedback-neutral-text: #9c9229;
	--feedback-inaccurate-bg: #faeaea;
	--feedback-inaccurate-border: #c10000;
	--feedback-inaccurate-text: #c10000;

	/* Constants */
	--text-muted: #666666;
	--red: #cc0000;
	--status-green: #009900;
	--status-yellow: #ffd000;
	--status-red: #e60000;
	--search-results-width: 70%; /* Width of search bar, summary, and sources. */
	--page-width: calc(100% - 2 * max(40px, 8vw));
}

@media (max-width: 767px) {
	:root {
		--search-results-width: 100%; /* Width for mobile devices */
		--page-width: calc(100% - 1 * max(40px, 8vw));
	}
}