:root {
	font-family: "Inter", Helvetica, sans-serif;
	transition: all 0.2s ease-out;
	--font-size-base: 16px;
	--font-family-base: "Inter", Helvetica, sans-serif;

	--color-black: rgba(0, 0, 0, 1);
	--color-default: rgba(255, 255, 255, 1);
	--color-default-opacity: rgba(255, 255, 255, 0.3);
	--color-blue-opacity: rgba(1, 0, 41, 0.2);

	--color-redPrimory: rgba(236, 34, 31, 1);
	--color-redSecondary: rgba(192, 15, 12, 1);
	--color-pinkPrimary: rgba(226, 58, 141, 1);
	--color-PinkSecondary: #ff69b4;
	--color-bluePrimary: rgba(58, 100, 248, 1);
	--color-blueSecondary: rgba(41, 130, 239, 1);
	--color-purplePrimary: rgba(151, 71, 255, 1);
	--color-greySecondary: rgba(217, 217, 217, 1);
	--color-ligthGrey: rgba(240, 240, 240, 1);
	--color-lightBlue: rgba(223, 234, 255, 1);
	--color-darkBlue: rgba(0, 58, 140, 1);

	--color-workSpace: rgba(22, 119, 255, 1);

	--colorText-default: rgba(30, 30, 30, 1);
	--colorText-primary: var(--color-blueSecondary);
	--colorText-secondary: rgba(66, 66, 66, 1);
	--colorText-tertiary: rgba(117, 117, 117, 1);
	--colorText-disabled: rgba(179, 179, 179, 1);

	--colorButton-cancel: var(--color-redPrimory);
	--colorButton-cancel-hover: var(--color-redSecondary);
	--colorButton-default: var(--color-blueSecondary);
	--colorButton-default-hover: rgba(10, 100, 211, 1);
	--colorButton-disabled: var(--color-greySecondary);

	--colorBorder-disabled: rgba(179, 179, 179, 1);
	--colorBorder-cancel: var(--color-redSecondary);
	--colorBorder-cancel-hover: rgba(144, 11, 9, 1);

	--colorStatus-default: var(--color-greySecondary);
	--colorStatus-done: rgba(62, 155, 75, 1);
	--colorStatus-warning: rgba(255, 201, 67, 1);
	--colorStatus-error: var(--color-redPrimory);
	--colorStatus-select: rgba(178, 58, 248, 1);
	--colorLink-hover: var(--color-PinkSecondary);

	--color-geekblue-3: rgba(173, 198, 255, 1);
	--color-geekblue-1: rgba(240, 245, 255, 1);
	--color-disabled: rgba(125, 125, 125, 1);

	--fontSize-small: 0.875rem;
	--fontSize-medium: 1rem;
	--fontSize-large: 1.125rem;

	--border-radius: 0.5rem;
	--border-radius-small: 0.25rem;
	/* --leftAndRight-padding: 4rem; */

	--line-height: 1.2rem;
	--header-height: 90px;
	--footer-height: 100px;

	--font-h2-16-140-600: 600 1rem / 1.4;
	--font-body-14-22-400: 400 0.875rem / 1.375rem;
}

@media (max-width: 1439px) {
	:root {
		--font-size-base: 14px;
	}
}