/* =============================================================
	RE-423: Design tokens for "Theme Blocks" (page-template-content.php).
	Plain CSS custom properties — no build step (Compass/SCSS pipeline is
	broken locally, see reference_local_tool_paths). Only tokens actually
	consumed by school-comparison.css / components.css are defined here —
	this is not a retrofit of other templates' color/type values.
	============================================================= */

:root {
	/* Official ASREB brand colors — verbatim name/hex pairs from the brand style guide. */
	--color-midnight: #243065;
	--color-ocean: #34a0d0;
	--color-blueberry: #0d6e9e;
	--color-cactus: #008255;
	--color-tangerine: #f58121;
	--color-marigold: #ffa63b;
	--color-charcoal: #292929;
	--color-stone: #d1d2d4;
	--color-sky: #a8deee;

	/* Supporting utility value, not a brand color from the style guide. */
	--color-body-text: var(--color-charcoal);

	/* NOT in the official style guide */
	--color-frost: #f7faff;
	/* Computed darker shade of --color-tangerine; used only for .tbc-card--marigold's link :hover state. */
	--color-tangerine-dark: #7b4111;

	--tbc-font-h1: 40px;
	--tbc-font-h2: 24px;
	--tbc-font-h3: 19px;
	--tbc-font-h4: 18px;
}

@media (max-width: 600px) {
	:root {
		--tbc-font-h1: 22px;
		--tbc-font-h2: 18px;
		--tbc-font-h3: 13px;
	}
}