/* About this style sheet */
/* Author/source: Martin Post / 9to5 Media Services – https://9to5.services/ */
/* How and where to use: */
/* See internal documentation – 9to5 Media Services – Colors */
/* Used at: 9to5 Media Services sites, Specs and Docs sites, other projects */
/* Last edit date: 2024-07-08 */
/* Last edits: full rebuild from source */

/* 1. COLOR VARIABLE DECLARATIONS BEGIN */
:root	{
--color-blue-pure:	rgba(0,0,255,1);
--color-green-pure:	rgba(0,255,0,1);
--color-red-pure:	rgba(255,0,0,1);
--transparent:	rgba(0,0,0,0);
--color-black:	rgba(0,0,0,1);
--color-grey:	rgba(128,128,128,1);
--color-grey-dark:	rgba(85,85,85,1);
--color-grey-dark-2:	rgba(38,38,38,1);
--color-grey-light:	rgba(210,210,210,1);
--color-grey-light-2:	rgba(240,240,240,1);
--color-grey-light-3:	rgba(248,248,248,1);
--color-white:	rgba(255,255,255,1);
--color-red:	rgba(230,0,0,1);
--color-red-dark:	rgba(153,0,0,1);
--color-red-dark-2:	rgba(77,0,0,1);
--color-red-light:	rgba(255,102,102,1);
--color-red-light-2:	rgba(255,204,204,1);
--color-green:	rgba(0,255,0,1);
--color-green-dark:	rgba(0,153,0,1);
--color-green-dark-2:	rgba(0,77,0,1);
--color-green-light:	rgba(128,255,128,1);
--color-green-light-2:	rgba(204,255,204,1);
--color-blue:	rgba(0,0,255,1);
--color-blue-dark:	rgba(0,0,179,1);
--color-blue-dark-2:	rgba(0,0,128,1);
--color-blue-light:	rgba(128,128,255,1);
--color-blue-light-2:	rgba(235,235,255,1);
--color-orange:	rgba(255,165,0,1);
--color-orange-dark:	rgba(179,116,0,1);
--color-orange-dark-2:	rgba(102,66,0,1);
--color-orange-light:	rgba(255,201,102,1);
--color-orange-light-2:	rgba(255,246,230,1);
--color-violet:	rgba(112,15,112,1);
--color-violet-dark:	rgba(224,31,224,1);
--color-violet-dark-2:	rgba(112,15,112,1);
--color-violet-light:	rgba(237,120,237,1);
--color-violet-light-2:	rgba(249,210,249,1);
--color-yellow:	rgba(255,255,0,1);
--color-yellow-dark:	rgba(204,204,0,1);
--color-yellow-dark-2:	rgba(128,128,0,1);
--color-yellow-light:	rgba(255,255,204,1);
--color-yellow-light-2:	rgba(255,255,230,1);
--color-blue-steel:	rgba(70,130,180,1);
--color-blue-steel-dark:	rgba(50,93,129,1);
--color-blue-steel-dark-2:	rgba(36,66,91,1);
--color-blue-steel-light:	rgba(146,183,211,1);
--color-blue-steel-light-2:	rgba(201,219,233,1);
--color-brand-dark:	rgba(11,8,68,1);
--color-brand-dark-2:	rgba(44,44,102,1);
--color-brand-dark-3:	rgba(68,68,127,1);
--color-text-base:	rgba(20,20,20,1);
--color-brand-light:	rgba(237,237,244,1);
--color-brand-secondary-dark:	rgba(6,169,168,1);
--color-brand-secondary-light:	rgba(3,241,227,1);
	}
/* 2. BASIC COLOR RULES BEGIN */
.color-blue-pure, .color-blue-pure a	{color:	var(--color-blue-pure);}
.color-green-pure, .color-green-pure a	{color:	var(--color-green-pure);}
.color-red-pure, .color-red-pure a	{color:	var(--color-red-pure);}
.transparent, .transparent a	{color:	var(--transparent);}
.color-black, .color-black a	{color:	var(--color-black);}
.color-grey, .color-grey a	{color:	var(--color-grey);}
.color-grey-dark, .color-grey-dark a	{color:	var(--color-grey-dark);}
.color-grey-dark-2, .color-grey-dark-2 a	{color:	var(--color-grey-dark-2);}
.color-grey-light, .color-grey-light a	{color:	var(--color-grey-light);}
.color-grey-light-2, .color-grey-light-2 a	{color:	var(--color-grey-light-2);}
.color-grey-light-3, .color-grey-light-3 a	{color:	var(--color-grey-light-3);}
.color-white, .color-white a	{color:	var(--color-white);}
.color-red, .color-red a	{color:	var(--color-red);}
.color-red-dark, .color-red-dark a	{color:	var(--color-red-dark);}
.color-red-dark-2, .color-red-dark-2 a	{color:	var(--color-red-dark-2);}
.color-red-light, .color-red-light a	{color:	var(--color-red-light);}
.color-red-light-2, .color-red-light-2 a	{color:	var(--color-red-light-2);}
.color-green, .color-green a	{color:	var(--color-green);}
.color-green-dark, .color-green-dark a	{color:	var(--color-green-dark);}
.color-green-dark-2, .color-green-dark-2 a	{color:	var(--color-green-dark-2);}
.color-green-light, .color-green-light a	{color:	var(--color-green-light);}
.color-green-light-2, .color-green-light-2 a	{color:	var(--color-green-light-2);}
.color-blue, .color-blue a	{color:	var(--color-blue);}
.color-blue-dark, .color-blue-dark a	{color:	var(--color-blue-dark);}
.color-blue-dark-2, .color-blue-dark-2 a	{color:	var(--color-blue-dark-2);}
.color-blue-light, .color-blue-light a	{color:	var(--color-blue-light);}
.color-blue-light-2, .color-blue-light-2 a	{color:	var(--color-blue-light-2);}
.color-orange, .color-orange a	{color:	var(--color-orange);}
.color-orange-dark, .color-orange-dark a	{color:	var(--color-orange-dark);}
.color-orange-dark-2, .color-orange-dark-2 a	{color:	var(--color-orange-dark-2);}
.color-orange-light, .color-orange-light a	{color:	var(--color-orange-light);}
.color-orange-light-2, .color-orange-light-2 a	{color:	var(--color-orange-light-2);}
.color-violet, .color-violet a	{color:	var(--color-violet);}
.color-violet-dark, .color-violet-dark a	{color:	var(--color-violet-dark);}
.color-violet-dark-2, .color-violet-dark-2 a	{color:	var(--color-violet-dark-2);}
.color-violet-light, .color-violet-light a	{color:	var(--color-violet-light);}
.color-violet-light-2, .color-violet-light-2 a	{color:	var(--color-violet-light-2);}
.color-yellow, .color-yellow a	{color:	var(--color-yellow);}
.color-yellow-dark, .color-yellow-dark a	{color:	var(--color-yellow-dark);}
.color-yellow-dark-2, .color-yellow-dark-2 a	{color:	var(--color-yellow-dark-2);}
.color-yellow-light, .color-yellow-light a	{color:	var(--color-yellow-light);}
.color-yellow-light-2, .color-yellow-light-2 a	{color:	var(--color-yellow-light-2);}
.color-blue-steel, .color-blue-steel a	{color:	var(--color-blue-steel);}
.color-blue-steel-dark, .color-blue-steel-dark a	{color:	var(--color-blue-steel-dark);}
.color-blue-steel-dark-2, .color-blue-steel-dark-2 a	{color:	var(--color-blue-steel-dark-2);}
.color-blue-steel-light, .color-blue-steel-light a	{color:	var(--color-blue-steel-light);}
.color-blue-steel-light-2, .color-blue-steel-light-2 a	{color:	var(--color-blue-steel-light-2);}
.color-brand-dark, .color-brand-dark a	{color:	var(--color-brand-dark);}
.color-brand-dark-2, .color-brand-dark-2 a	{color:	var(--color-brand-dark-2);}
.color-brand-dark-3, .color-brand-dark-3 a	{color:	var(--color-brand-dark-3);}
.color-text-base, .color-text-base a	{color:	var(--color-text-base);}
.color-brand-light, .color-brand-light a	{color:	var(--color-brand-light);}
.color-brand-secondary-dark, .color-brand-secondary-dark a	{color:	var(--color-brand-secondary-dark);}
.color-brand-secondary-light, .color-brand-secondary-light a	{color:	var(--color-brand-secondary-light);}
/* 3. BASIC BACKGROUND COLOR RULES BEGIN */
.background-color-blue-pure	{background-color:	var(--color-blue-pure);}
.background-color-green-pure	{background-color:	var(--color-green-pure);}
.background-color-red-pure	{background-color:	var(--color-red-pure);}
.background-transparent	{background-color:	var(--transparent);}
.background-color-black	{background-color:	var(--color-black);}
.background-color-grey	{background-color:	var(--color-grey);}
.background-color-grey-dark	{background-color:	var(--color-grey-dark);}
.background-color-grey-dark-2	{background-color:	var(--color-grey-dark-2);}
.background-color-grey-light	{background-color:	var(--color-grey-light);}
.background-color-grey-light-2	{background-color:	var(--color-grey-light-2);}
.background-color-grey-light-3	{background-color:	var(--color-grey-light-3);}
.background-color-white	{background-color:	var(--color-white);}
.background-color-red	{background-color:	var(--color-red);}
.background-color-red-dark	{background-color:	var(--color-red-dark);}
.background-color-red-dark-2	{background-color:	var(--color-red-dark-2);}
.background-color-red-light	{background-color:	var(--color-red-light);}
.background-color-red-light-2	{background-color:	var(--color-red-light-2);}
.background-color-green	{background-color:	var(--color-green);}
.background-color-green-dark	{background-color:	var(--color-green-dark);}
.background-color-green-dark-2	{background-color:	var(--color-green-dark-2);}
.background-color-green-light	{background-color:	var(--color-green-light);}
.background-color-green-light-2	{background-color:	var(--color-green-light-2);}
.background-color-blue	{background-color:	var(--color-blue);}
.background-color-blue-dark	{background-color:	var(--color-blue-dark);}
.background-color-blue-dark-2	{background-color:	var(--color-blue-dark-2);}
.background-color-blue-light	{background-color:	var(--color-blue-light);}
.background-color-blue-light-2	{background-color:	var(--color-blue-light-2);}
.background-color-orange	{background-color:	var(--color-orange);}
.background-color-orange-dark	{background-color:	var(--color-orange-dark);}
.background-color-orange-dark-2	{background-color:	var(--color-orange-dark-2);}
.background-color-orange-light	{background-color:	var(--color-orange-light);}
.background-color-orange-light-2	{background-color:	var(--color-orange-light-2);}
.background-color-violet	{background-color:	var(--color-violet);}
.background-color-violet-dark	{background-color:	var(--color-violet-dark);}
.background-color-violet-dark-2	{background-color:	var(--color-violet-dark-2);}
.background-color-violet-light	{background-color:	var(--color-violet-light);}
.background-color-violet-light-2	{background-color:	var(--color-violet-light-2);}
.background-color-yellow	{background-color:	var(--color-yellow);}
.background-color-yellow-dark	{background-color:	var(--color-yellow-dark);}
.background-color-yellow-dark-2	{background-color:	var(--color-yellow-dark-2);}
.background-color-yellow-light	{background-color:	var(--color-yellow-light);}
.background-color-yellow-light-2	{background-color:	var(--color-yellow-light-2);}
.background-color-blue-steel	{background-color:	var(--color-blue-steel);}
.background-color-blue-steel-dark	{background-color:	var(--color-blue-steel-dark);}
.background-color-blue-steel-dark-2	{background-color:	var(--color-blue-steel-dark-2);}
.background-color-blue-steel-light	{background-color:	var(--color-blue-steel-light);}
.background-color-blue-steel-light-2	{background-color:	var(--color-blue-steel-light-2);}
.background-color-brand-dark	{background-color:	var(--color-brand-dark);}
.background-color-brand-dark-2	{background-color:	var(--color-brand-dark-2);}
.background-color-brand-dark-3	{background-color:	var(--color-brand-dark-3);}
.background-color-text-base	{background-color:	var(--color-text-base);}
.background-color-brand-light	{background-color:	var(--color-brand-light);}
.background-color-brand-secondary-dark	{background-color:	var(--color-brand-secondary-dark);}
.background-color-brand-secondary-light	{background-color:	var(--color-brand-secondary-light);}
/* 4. BASIC WHITE ON BACKGROUND COLOR RULES BEGIN */
.background-color-blue-pure, .background-color-blue-pure a	{color:	var(--color-white);}
.background-color-black, .background-color-black a	{color:	var(--color-white);}
.background-color-grey-dark, .background-color-grey-dark a	{color:	var(--color-white);}
.background-color-grey-dark-2, .background-color-grey-dark-2 a	{color:	var(--color-white);}
.background-color-red-dark, .background-color-red-dark a	{color:	var(--color-white);}
.background-color-red-dark-2, .background-color-red-dark-2 a	{color:	var(--color-white);}
.background-color-green-dark, .background-color-green-dark a	{color:	var(--color-white);}
.background-color-green-dark-2, .background-color-green-dark-2 a	{color:	var(--color-white);}
.background-color-blue, .background-color-blue a	{color:	var(--color-white);}
.background-color-blue-dark, .background-color-blue-dark a	{color:	var(--color-white);}
.background-color-blue-dark-2, .background-color-blue-dark-2 a	{color:	var(--color-white);}
.background-color-orange-dark, .background-color-orange-dark a	{color:	var(--color-white);}
.background-color-orange-dark-2, .background-color-orange-dark-2 a	{color:	var(--color-white);}
.background-color-violet, .background-color-violet a	{color:	var(--color-white);}
.background-color-violet-dark, .background-color-violet-dark a	{color:	var(--color-white);}
.background-color-violet-dark-2, .background-color-violet-dark-2 a	{color:	var(--color-white);}
.background-color-yellow-dark, .background-color-yellow-dark a	{color:	var(--color-white);}
.background-color-yellow-dark-2, .background-color-yellow-dark-2 a	{color:	var(--color-white);}
.background-color-blue-steel-dark, .background-color-blue-steel-dark a	{color:	var(--color-white);}
.background-color-blue-steel-dark-2, .background-color-blue-steel-dark-2 a	{color:	var(--color-white);}