:root { 
	/* cores */
    --color-primary: #6E9F80;
    --color-primary-hover: #5c846b;
    --color-primary-active: #4c6c58;
    --color-secondary: #111;
    --color-secondary-hover: #222;
    --color-secondary-active: #282828;
    --color-green:#00b32d;
	--color-green-hover: #0b8b2b;
	--color-green-active: #0a7023;
    --color-gray:#5e5e5e;
	--color-gray-hover: #505050;
	--color-gray-active: #444444;
	/* cores */

	/* header */
	/* para centralizar logo, insira 1 no elemento abaixo */
	--header-logo-centered: unset;
	--header-topbar-background-color: var(--color-primary);
	--header-topbar-color: #fff;
	--header-menu-color: #000;
	--header-background-color: #fff;
	/* header */

	/* header mobile */
	--header-content-left-order: 1;
	--header-content-center-order: 3;
	--header-content-left-order: 2;
	/* header mobile */

	/* fontes */
    --font-primary: 'Quicksand', sans-serif;
	/* fontes */
   
	/* botões */
    --btn-primary:var(--color-primary);
    --btn-primary-hover: var(--color-primary-hover);
    --btn-primary-active: var(--color-primary-active);
    --btn-secondary: var(--secondary);
    --btn-secondary-hover: var(--secondary-hover);
    --btn-secondary-active: var(--secondary-active);
	/* botões */

	/* radius */
	--border-radius-default: 4px;
	--btnBorderRadius: var(--borderRadiusDefault);
	--inputBorderRadius: var(--borderRadiusDefault);
	/* radius */
	
	/* geral */
	--color-arrow: #fff;
    --text: #2b2b2b;
	--background: #fff;
    --container-xxl: 1420px;
    --logo-max-height: 40px;
	--home-spacing-sections: 60px;
	--product-spacing-sections: 24px;
	--product-spacing-column-right: 16px;
	@media (max-width: 991px) {
		--logo-max-height: 34px;
		--home-spacing-sections: 28px;
	}
	/* geral */
}