<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../d2l-colors/d2l-colors.html">
<dom-module id="d2l-typography-shared-styles">
	<template>
		<style include="d2l-colors">
			:root {

				--d2l-small-text: {
					color: var(--d2l-color-ferrite);
					font-family: inherit;
					font-size: 0.7rem;
					font-weight: 400;
					line-height: 1rem;
					letter-spacing: 0.02rem;
					margin: auto;
				};

				--d2l-small-strong-text: {
					color: var(--d2l-color-ferrite);
					font-family: inherit;
					font-size: 0.7rem;
					font-weight: 700;
					line-height: 1rem;
					letter-spacing: 0.02rem;
					margin: auto;
					text-transform: uppercase;
				};

				--d2l-body-compact-text: {
					color: var(--d2l-color-ferrite);
					font-family: inherit;
					font-size: 0.8rem;
					font-weight: 400;
					line-height: 1rem;
					letter-spacing: 0.005rem;
				};
			}
		</style>
	</template>
</dom-module>

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../d2l-colors/d2l-colors.html">
<dom-module id="d2l-typography-shared-styles">
	<template>
		<style include="d2l-colors">
			:root {

				--d2l-small-text: {
					color: var(--d2l-color-ferrite);
					font-family: inherit;
					font-size: 0.7rem;
					font-weight: 400;
					line-height: 1rem;
					letter-spacing: 0.02rem;
					margin: auto;
				};

				--d2l-small-strong-text: {
					color: var(--d2l-color-ferrite);
					font-family: inherit;
					font-size: 0.7rem;
					font-weight: 700;
					line-height: 1rem;
					letter-spacing: 0.02rem;
					margin: auto;
					text-transform: uppercase;
				};

				--d2l-body-compact-text: {
					font-family: inherit;
					font-size: 0.8rem;
					font-weight: 400;
					line-height: 1rem;
					letter-spacing: 0.005rem;
				};
			}
		</style>
	</template>
</dom-module>

Remove font colour setting for new typography rule.
US76030: Remove font colour setting for new typography rule.