/*

	--doxo-blue-1: #00638F;
	--doxo-blue-2: #0091EA;
	--doxo-blue-3: #80C8F4;
	--doxo-blue-dk: #11476a;
	--doxo-plus-orange: #F57000;
	--doxo-plus-blue: #03B2FF;
	--doxo-yellow: #F5BF00;
	--doxo-green: #43B416;
	--doxo-grey: #33302E;
	
	--doxo-neutral-11: #282828;
	--doxo-neutral-8: #6A6A6A;
	--doxo-neutral-5: #B6B6B6;
	--doxo-neutral-3: #DADADA;
	--doxo-neutral-2: #E7E7E7;
	--doxo-neutral-1: #F3F3F3;

    $field['choices'] = [
		'blue-1-mod'		=> 'doxo Blue 1',
		'blue-2-mod'		=> 'doxo Blue 2',
		'blue-3-mod'		=> 'doxo Blue 3',
		'blue-plus-mod'		=> 'PLUS Blue',
		'orange-plus-mod'	=> 'PLUS Orange',
		'green-bg-mod'		=> 'Lime Green',
		'yellow-bg-mod'		=> 'Sunrise Yellow',
	];

*/

.blue-1-mod {background-color: var(--doxo-blue-1);color: #fff;}
.blue-2-mod {background-color: var(--doxo-blue-2);color: #fff;}
.blue-3-mod {background-color: var(--doxo-blue-3);}
.blue-plus-mod {background-color: var(--doxo-plus-blue);color: #fff;}
.orange-plus-mod {background-color: var(--doxo-plus-orange);}
.green-bg-mod {background-color: var(--doxo-green);color: #fff;}
.yellow-bg-mod {background-color: var(--doxo-yellow);}
.neutral-1-bg-mod {background-color: var(--doxo-neutral-1);}
.stars-bg-mod {background-image: url(../images/star-bg.svg);color: #fff;position: relative;}
.stars-bg-mod:before {content: "";position: absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(270deg, rgba(0,99,143,1) 0%, rgba(0,0,0,0) 70%);}

.color-blue-1-mod {color: var(--doxo-blue-1);}
.color-blue-2-mod {color: var(--doxo-blue-2);}
.color-blue-3-mod {color: var(--doxo-blue-3);}
.color-blue-plus-mod {color: var(--doxo-plus-blue);}
.color-orange-plus-mod {color: var(--doxo-plus-orange);}
.color-green-bg-mod {color: var(--doxo-green);}
.color-yellow-bg-mod {color: var(--doxo-yellow);}