/*
 * Citizen
 *
 * SkinStyles for Extension:Math
 * Module: ext.math.styles
 * Version: REL1_35 b7a7939
 *
 * Date: 2023-06-04
 */

@import '../../../resources/mixins.less';

.skin-theme-clientpref-light {
	.mwe-math-fallback-image-display,
	.mwe-math-fallback-image-inline {
		.recolor( @color-base );
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt {
		.mwe-math-fallback-image-display,
		.mwe-math-fallback-image-inline {
			.recolor( @color-base--emphasized );
		}
	}

	blockquote,
	th {
		.mwe-math-fallback-image-display,
		.mwe-math-fallback-image-inline {
			.recolor( @color-base--subtle );
		}
	}
}

.skin-theme-clientpref-night {
	.mwe-math-fallback-image-display,
	.mwe-math-fallback-image-inline {
		.recolor( @dark-color-base );
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt {
		.mwe-math-fallback-image-display,
		.mwe-math-fallback-image-inline {
			.recolor( @dark-color-base--emphasized );
		}
	}

	blockquote,
	th {
		.mwe-math-fallback-image-display,
		.mwe-math-fallback-image-inline {
			.recolor( @dark-color-base--subtle );
		}
	}
}