/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	VARS.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/**
 * VISIOFRAMEWORK
 * This file is part of VISIOFRAMEWORK.
 * @package		visioframework
 * @author		Agência Visio <contato@agenciavisio.com.br>
 * @copyright	Copyright (c) 2023-present. M. Souza & Souza LTDA. (CNPJ: 21.284.748/0001-33). All rights reserved.
 * @license		Proprietary
 * @link		https://www.agenciavisio.com.br
 */

:root {
	/* #region		BLURS */

		--blur-1	: 4px;
		--blur-2	: 8px;
		--blur-3	: 12px;
		--blur-4	: 16px;
		--blur-5	: 20px;

	/* #endregion	BLURS */

	/* #region		TRANSITIONS */

		--transition-1	: 250ms;
		--transition-2	: 333ms;
		--transition-3	: 500ms;
		--transition-4	: 666ms;
		--transition-5	: 750ms;

	/* #endregion	TRANSITIONS */

	/* #region		COLORS */

		--color-whatsapp: #25D366;

	/* #endregion	COLORS	*/

	/* #region		HERO OVERLAY OFFSETS */

		/* Approximate combined topbar + navbar height per platform. The hero-slider
		   and hero-banner JS apply a runtime-measured negative margin to overlay
		   onto the topbar/navbar; these CSS values render the offset on first paint
		   so the layout doesn't shift when JS runs (CLS). JS still refines to the
		   exact value at runtime, but the gap between CSS baseline and runtime value
		   is small (a few px) instead of the full topbar+navbar height (~120-150px).
		   Override per-site if your topbar+navbar are noticeably different. */
		--hero-overlay-offset-mobile	: -120px;
		--hero-overlay-offset-desktop	: -150px;

	/* #endregion	HERO OVERLAY OFFSETS */
}