@import "@Themes/constants.scss";

:root {
	--root-max-width: 1440px;
	--root-margin: auto;
	--root-padding: 64px 120px;

	--font-primary: "Inter", sans-serif;

	--green-flash: #{$green-flash};
	--blue-flash: #{$blue-flash};
	--turquoise-flash: #{$turquoise-flash};
	--purple-flash: #{$purple-flash};
	--purple-hover: #{$purple-hover};
	--orange-flash: #{$orange-flash};
	--red-flash: #{$red-flash};
	--re-hover: #{$re-hover};
	--pink-flash: #{$pink-flash};
	--pink-hover: #{$pink-hover};

	--green-soft: #{$green-soft};
	--blue-soft: #{$blue-soft};
	--turquoise-soft: #{$turquoise-soft};
	--purple-soft: #{$purple-soft};
	--orange-soft: #{$orange-soft};
	--red-soft: #{$red-soft};
	--pink-soft: #{$pink-soft};

	--grey: #{$grey};
	--grey-medium: #{$grey-medium};
	--grey-soft: #{$grey-soft};

	--white: #{$white};
}