@import url("https://fonts.googleapis.com/css?family=DM Sans:400,500,700");

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400;
	src: url("https://fonts.googleapis.com/css?family=DM Sans:400,500,700");
}

:root {
	--main-font: "DM Sans";

	/* theme shades */
	--black: #000;
	--grey-600: #171717;
	--grey-500: #242424;
	--grey-400: #616161;
	--grey-300: #888;
	--grey-200: #a3a3a3;
	--grey-100: #f2f2f2;
	--grey-btn-hover: #2f2e2e;
	--white: #fff;

	/* primary theme color */
	--primary-color: #a100ff;
	--primary-hover-color: #7500c0;
	--primary-active-color: #460073;
	--primary-disabled-color: var(--grey-400);

	/* text color */
	--text-white: var(--black);
	--text-black: var(--white);
	--text-disabled-color: var(--grey-200);

	/* PIP background color */
	--pip-background-color: var(--black);

	/* statuses colours */
	--red-500: #eb2034;
	--red-500-hover: #c81e32;
	--red-500-active: #b61d28;
	--warning-border: #cc7e00;
	--warning-bg: #fdf3ec;
	--error-border: #e70202;
	--error-bg: #ffebe6;
	--success-border: #43b578;
	--success-bg: #e3fce8;
	--highlighter: #5d00ff;
	--medium-network: #ffae00dc;
	--hyperlinks: #0d6efd;

	/* gradient colors */
	--gradient-colors: linear-gradient(-45deg, #1a121b, #3c229b, #a100ff, #c766ff, #b23786, #f0cf64);

	/* bootstrap variables */
	--check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='000'/></svg>");
	--bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='000'/></svg>");
}