:root {

	/* * COLORS --> */
	--app-white-color: #FFF;
	--app-navbar-color: #F6F8FC;
	--app-navbar-color-debug: #fdf2ef;
	--app-mobile-navbar-color: #707CA7;

	/* *OPACITY COLORS */

	/* * SIZES --> */
	--app-navbar-height: 90px;

	/* * RADIUSES --> */
	--app-menu-dropdown-radius: 12px;

	/* * SHADOWS --> */
	--app-navbar-shadow: 0px 4px 6px 0px rgba(209, 211, 218, 0.25);
	--app-menu-dropdown-shadow: 0px 0px 7px 0px #C6DEE5;

	/* * TRANSACTIONS --> */

	/* * FONTS */
	--app-regular-font: Roboto, IRANSansX;
	--app-bold-font: Roboto, IRANSansX;
	--app-medium-font: Roboto, IRANSansX;
}

:dir(rtl) {
	/* * FONTS */
	--app-regular-font: IRANSansX, Roboto;
	--app-bold-font: IRANSansX, Roboto;
	--app-medium-font: IRANSansX, Roboto;
}