:root
{
	--bg:#999;
	/* --theme1-main:#F8F8FF; */
	--theme1-main:#EAEAF0;
	--theme1-main-border:#DFE3E6;
	--theme1-main-tranparent:#FFFFFFE2;
	--theme1-main-inverted:#333;
	--theme1-main-accent:#B89452;
	--theme1-compliment:#172636;
	--theme1-compliment-accent:#D7C195;
	--theme1-secondary:#F4F5F4;

	--mcci-blue:#00AEEF;
	--mcci-blue-bright:#3D9BE2;
	--mcci-blueAlt1:#297FBC;
	--mcci-blueAlt2:#156BA8;

	/* --color2:#2A353C; */

    --ink:#101820;
    --ink-soft:#34424D;
	
	--text:var(--ink);
	--textSoft:var(--ink-soft);
	--textMuted: #69737C;
	--textSoftInverted:#EFEFEF;
	--textSoftDark:#2A353C;
	--textSoftLight:#EFEFEF;
	--textDisabled:#BBB;
	--textList:#FFF;




    --paper: #f3f1ec;
    --line: rgba(16, 24, 32, .14);
    --shadow: 0 24px 70px rgba(16, 24, 32, .18);
}
:root.darkTheme
{
	--bg:#111;
	--theme1-main:#333;
	--theme1-main-tranparent:#333333E2;
	--theme1-main-inverted:#EAEAF0;
	--theme2:#4c5056;

	--text:#FFF;
	--textSoft:#EFEFEF;
	--textSoftInverted:var(--color2);
	--textDisabled:#5F5F5F;
	--textList:#FFF;
}


.svg-black-color1 {
    filter:invert(45%) sepia(100%) saturate(393%) hue-rotate(162deg) brightness(81%) contrast(92%);
}