:root {
	--Text: #1f1f1f;
	--Butter-Yellow: #fffce3;
	--Cream: #fbfaf5;
	--Crab-Apple-Red: #c44a4e;
	--Dark: #051e30;
	--Dark-Gold: #8e6b02;
	--Forest: #073130;
	--Gold: #e8af05;
	--Green: #1b584a;
	--Light: #bfe2f3;
	--Light-Green: #cbe2de;
	--Maroon: #550023;
	--Mid-Blue: #65bde9;
	--Mint: #cbe2de;
	--Navy: #0c2b40;
	--Red: #e01f26;
	--Rose-Pink: #ff9fa4;
	--Sky-Blue: #8cc9e6;
	--Text: #1F1F1F;
	--White: #ffffff;
	--Yellow: #ffc822;
}
.color.text { color: var(--Text); }
.color.butter-yellow { color: var(--Butter-Yellow); }
.color.cream { color: var(--Cream); }
.color.crab-apple-red { color: var(--Crab-Apple-Red); }
.color.dark { color: var(--Dark); }
.color.dark-gold { color: var(--Dark-Gold); }
.color.forest { color: var(--Forest); }
.color.gold { color: var(--Gold); }
.color.green { color: var(--Green); }
.color.light { color: var(--Light); }
.color.light-green { color: var(--Light-Green); }
.color.maroon { color: var(--Maroon); }
.color.mid-blue { color: var(--Mid-Blue); }
.color.mint { color: var(--Mint); }
.color.navy { color: var(--Navy); }
.color.red { color: var(--Red); }
.color.rose-pink { color: var(--Rose-Pink); }
.color.sky-blue { color: var(--Sky-Blue); }
.color.text { color: var(--Text); }
.color.white { color: var(--White); }
.color.yellow { color: var(--Yellow); }