:root { 
	/* cores baseadas na primary (#ea229d) */
    --color-primary: #ea229d;
    --color-primary-hover: #d41e8d;
    --color-primary-active: #b81876;

    --color-secondary: #1b0f16;
    --color-secondary-hover: #2a1723;
    --color-secondary-active: #3a1d2f;

    --color-green: #00c26f;
    --color-green-hover: #00a861;
    --color-green-active: #008e54;

    --color-gray: #666;
    --color-gray-hover: #555;
    --color-gray-active: #444;

    --color-accent: #ff7ac1;
    --color-accent-hover: #f26faf;
    --color-accent-active: #da5f9b;

    --color-light: #fdf5fa;
    --color-dark: #111;

	/* 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; */
    --font-primary: "Poppins", 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 */

	--btn-border-radius: 10px;
	
	/* 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 */
}