/* 
	Notes:
		Will write a little bit about how the alt form of the down shifting is a little bit of a 
		anomaly. It's a little hard to organize it as a single instance of a alt form of a component, since it
		affects different parts of type, spread about. 
*/


:root {
	--sft-micro-copy: .765625rem;
	--sft-tiny-copy: .765625rem;
	--sft-small-copy: .875rem;
	--sft-regular-copy: 1rem;
}


.sft-micro-copy {
	font-size: var(--sft-micro-copy);
	color: var(--sft-transparent-black-0050);
}

.sft-tiny-copy {
	font-size: var(--sft-tiny-copy);

}

.sft-small-copy {
	font-size: var(--sft-small-copy);
}

.sft-regular-copy {
	font-size: var(--sft-regular-copy);
}


/* 
*/

/* 
Here we are down shifting all copy by one degree. */
.sft-text-downshift {}


	.sft-text-downshift p,
	.sft-text-downshift .sft-regular-copy {
		color: var(--sft-transparent-black-0060);
	}


	.sft-text-downshift .sft-small-copy {
		color: var(--sft-transparent-black-0060);
	}


	.sft-text-downshift .sft-tiny-copy {
		color: var(--sft-transparent-black-0060);
	}


	.sft-text-downshift .sft-micro-copy {
		color: var(--sft-transparent-black-0030);
	}