:root {
    --color-text: #4f4f4f;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #c0c0c0;
    --color-red: #ff3300;
    --color-hold: #7FB8E6;
    --color-blue: #0099ff;
    --color-blueGrey: #B3D3E9;
	--color-utm: #cc9900;
	--color-rose: #ff00ff;

    --color-green: #9cbb36;
    --color-greenGrey: #beca92;
    --color-greenLight: #e1eac2;
    --color-greenBright: #f4fed1;
    --color-greenWhite: #fdfff2;

    --color-orange: #FF8C00;
    --color-orangeLight: #ffd345;
    --color-orangeGrey: #F0CF96;
    --color-yellow: #ffe9a2;
    --color-brown: #cd5d00;
    --color-purp: #9933ff;
    --color-purpGrey: #9268B2;
    --color-purpLight: #ECD9FF;
    --color-purpBlack: #68419c;
    --color-title: var(--color-brown);

    --color-bg-orange: #fff0d1;
    --color-bg-orangeLight: #FFF9EB;
    --color-bg-blue: #EAF7FF;
    --color-bg-yellow: #fff8e8;
    --color-bg-purp: #FBF6FF;
    --color-bg-grey: #eeeeee;
    --color-bg-purpLight: #F4EAFF;
    --color-bg-greyLight: #f7f7f7;

    --color-inputGreenGlow: #e2f6a1;
    --color-inputGreenActive: var(--color-green); /* #9dbc35 */
}