:root {
	/* With sidebar layout */
	--with-sidebar-root-bg: #ffffff;
	--with-sidebar-nav-item-color: #404E6B;
	--with-sidebar-nav-item-color-hover: #404E6B;
	--with-sidebar-nav-item-color-active: #404E6B;
	--with-sidebar-nav-item-color-pressed: #404E6B;
	--with-sidebar-nav-item-bg: transparent;
	--with-sidebar-nav-item-bg-hover: #F8F9FB;
	--with-sidebar-nav-item-bg-active: #F4F6F9;
	--with-sidebar-nav-item-bg-pressed: #EEF2F8;
	--with-sidebar-nav-divider-color: #d6dbe5;
	--with-sidebar-sidebar-color: var(--black);
	--with-sidebar-logo-color: var(--black);

	/* Workspace switch */
	--workspace-switch-arrow-color: #404e6b;
	--workspace-switch-counter-color: #7e828e;
	--workspace-switch-name-color: #000000;
	--workspace-switch-dropdown-name-color: var(--white);

	/* User head block */
	--user-head-block-arrow-color: #404e6b;
	--user-head-block-create-btn-bg: #404e6b;
	--user-head-block-create-btn-bg-hover: var(--blue-05);
	--user-head-block-create-btn-color: var(--white);

	/* Buttons */
	--btn-border-radius: 8px;
	--btn-border-radius-lg: 10px;
	--btn-border-radius-sm: 6px;

	/* Primary button */
	--primary-btn-bg: #404e6b;
	--primary-btn-bg-hover: #556486;

	/* Default solid button */
	--btn-default-solid-bg: var(--blue-02);
	--btn-default-solid-bg-hover: var(--light-blue-03);
	--btn-default-solid-bg-disabled: var(--grey-01-stroke);
	--btn-default-solid-color: var(--grey-06-text);
	--btn-default-solid-color-hover: var(--grey-06-text);
	--btn-default-solid-color-disabled: var(--grey-04-text);
	--btn-default-solid-border-color: transparent;
	--btn-default-solid-border-color-hover: transparent;
	--btn-default-solid-border-color-disabled: transparent;

	/* Sign in form */
	--sign-in-form-label-color: #2d3142;
	--sign-in-form-input-border-radius: 0.5rem;

	/* Sign up form */
	--sign-up-form-label-color: #2d3142;
	--sign-up-form-input-border-radius: 0.5rem;

	/* Forgot password form */
	--forgot-password-form-label-color: #2d3142;
	--forgot-password-form-input-border-radius: 0.5rem;

	/* Create new password form */
	--create-new-password-form-label-color: #2d3142;
	--create-new-password-form-input-border-radius: 0.5rem;

	/* White label auth */
	--wl-auth-layout-bg: #ffffff;
	--wl-auth-layout-color: #000000;
	--wl-auth-layout-form-wrap-background: transparent;
	--wl-auth-layout-form-wrap-max-width: 380px;
	--wl-auth-layout-form-wrap-padding: 0;
	--wl-auth-layout-form-wrap-margin: 80px 0 0 0;
	--wl-auth-layout-form-wrap-border: none;
	--wl-auth-layout-form-wrap-border-radius: 0;
	--wl-auth-layout-form-wrap-box-shadow: none;
	--wl-auth-layout-form-wrap-gap: 40px;
	--wl-auth-layout-header-gap: 8px;
	--wl-auth-layout-header-background: none;
	--wl-auth-layout-header-icon-display: none;
	--wl-auth-layout-title-weight: 500;
	--wl-auth-layout-subtitle-mt: 0;

	/* Custom loading modal */
	--custom-loading-modal-bg: radial-gradient(
		86.34% 86.34% at 50% 37.18%,
		#404e6b 0%,
		#2d3142 100%
	);
	--custom-loading-modal-color: #ffffff;
	--custom-loading-modal-sub-title-color: #cbd7f0;
	--custom-loading-modal-spinner-color: #8795b8;
	--custom-loading-modal-decor-circle-bg: linear-gradient(0deg, #404e6b, #6b7aa1) border-box;

	/* Custom progress modal */
	--custom-progress-modal-bg: radial-gradient(
		86.34% 86.34% at 50% 37.18%,
		#404e6b 0%,
		#2d3142 100%
	);
	--custom-progress-modal-await-state-color: #6b7aa1;
	--custom-progress-modal-loading-state-color: #ffffff;
	--custom-progress-modal-completed-badge-color: #6b7aa1;
	--custom-progress-modal-steps-line-color: #404e6b;
	--custom-progress-modal-sub-title-color: #cbd7f0;
	--custom-progress-modal-back-grid-color: #6b7aa1;
}