:root {
	--header-height: 2rem;
	/*========== Colors ==========*/
	/*Color mode HSL(hue, saturation, lightness)*/
	--first-color: #1eb600;
	--title-color: #212430;
	--title-mirrow-color: #ffffff;
	--text-color: #868998;
	--body-color: #fff;
	--body2-color: #d4d4d4;
	--shadow-color: #0205121a;
	--border-color: #00000023;
	--answer-background: linear-gradient(to right, #00000017, #2666203a);

    --main-color: #1eb600; /* #1eb600 */
	--darken-color: #041b00d3; /* #041b00ff */

	--passed-color: #52ff02;
	--pending-color: #ffe602;
	--failed-color: #ff0202;

	--select-color: #ff7300;

	--notification-default-bg: #818181;

	/*========== Font and typography ==========*/
	/*.5rem = 8px | 1rem = 16px ...*/
	--body-font: "Nunito Sans", system-ui;
	--normal-font-size: .938rem;
	--smaller-font-size: .75rem;
	--tiny-font-size: .75rem;

	/*========== Font weight ==========*/
	--font-regular: 400;
	--font-semi-bold: 600;

	/*========== z index ==========*/
	--z-tooltip: 10;
	--z-fixed: 100;
}

body.dark-theme {
	--first-color: #1eb600;
	--title-color: #f3f4f7;
	--title-mirrow-color: #212430;
	--text-color: #9094a7;
	--body-color: #060c05;
	--shadow-color: #0205124d;
	--body2-color: #062200;
	--border-color: #ffffff0c;
	--answer-background: linear-gradient(to right, #fafbff07, #2666203a);;
	--notification-default-bg: #252339;
}

/*========== Responsive typography ==========*/
@media screen and (min-width: 1150px) {
	:root {
		--normal-font-size: 1rem;
		--smaller-font-size: .813rem;
	}
}