/* =========================================================
   VARIABLES
   Growth Marketing
   ========================================================= */

:root {

	/* Colores */
	--gm-black: #090909;
	--gm-black-soft: #101010;
	--gm-dark: #151515;

	--gm-white: #ffffff;
	--gm-off-white: #f4f4f1;

	--gm-gray-100: #ededeb;
	--gm-gray-200: #d5d5d0;
	--gm-gray-400: #999994;
	--gm-gray-500: #787874;
	--gm-gray-700: #393936;

	--gm-lime: #d9ff43;
	--gm-lime-soft: #e4ff73;

	/* Tipografía */
	--gm-font:
		Inter,
		"Helvetica Neue",
		Helvetica,
		Arial,
		sans-serif;

	/* Layout */
	--gm-container: 1440px;
	--gm-gutter: 42px;

	/* Bordes */
	--gm-border-dark: rgba(255, 255, 255, 0.13);
	--gm-border-light: rgba(0, 0, 0, 0.12);

	/* Animación */
	--gm-ease: cubic-bezier(.22, .61, .36, 1);
}