:root {
	/* With sidebar layout */
	--with-sidebar-root-bg: #ffffff;
	--with-sidebar-nav-item-color: #111111;
	--with-sidebar-nav-item-color-hover: var(--white);
	--with-sidebar-nav-item-color-active: var(--white);
	--with-sidebar-nav-item-color-pressed: var(--white);
	--with-sidebar-nav-item-bg: transparent;
	--with-sidebar-nav-item-bg-hover: linear-gradient(90deg, hsla(223, 100%, 69%, 1) 0%, hsla(210, 100%, 49%, 1) 100%);
	--with-sidebar-nav-item-bg-active: linear-gradient(90deg, hsla(223, 100%, 69%, 1) 0%, hsla(210, 100%, 49%, 1) 100%);
	--with-sidebar-nav-item-bg-pressed: linear-gradient(90deg, hsla(223, 100%, 69%, 1) 0%, hsla(210, 100%, 49%, 1) 100%);
	--with-sidebar-nav-divider-color: #d6dbe5;
	--with-sidebar-sidebar-color: #111111;
	--with-sidebar-logo-color: var(--white);
	--with-sidebar-custom-logo-filter: none;

	/* Workspace switch */
	--workspace-switch-arrow-color: #111111;
	--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: #111111;
	--user-head-block-create-btn-bg: #007dfc;
	--user-head-block-create-btn-bg-hover: #007dfc;
	--user-head-block-create-btn-color: var(--white);

	/* Buttons */
	--btn-border-radius: 16px;
	--btn-border-radius-lg: 20px;
	--btn-border-radius-sm: 12px;

	/* Primary button */
	--primary-btn-bg: linear-gradient(90deg, hsla(223, 100%, 69%, 1) 0%, hsla(210, 100%, 49%, 1) 100%);
	--primary-btn-bg-hover: linear-gradient(90deg, hsla(223, 100%, 69%, 1) 0%, hsla(210, 100%, 49%, 1) 100%);

	/* 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: #111111;
	--sign-in-form-input-border-radius: 1.5rem;

	/* Sign up form */
	--sign-up-form-label-color: #111111;
	--sign-up-form-input-border-radius: 1.5rem;

	/* Forgot password form */
	--forgot-password-form-label-color: #111111;
	--forgot-password-form-input-border-radius: 1.5rem;

	/* Create new password form */
	--create-new-password-form-label-color: #111111;
	--create-new-password-form-input-border-radius: 1.5rem;

	/* White label auth */
	--wl-auth-layout-bg: #111111 url('/themes/projectIconIo/auth-banner.png') no-repeat center / cover;
	--wl-auth-layout-color: #111111;
	--wl-auth-layout-form-wrap-background: #ffffff;
	--wl-auth-layout-form-wrap-max-width: 380px;
	--wl-auth-layout-form-wrap-padding: 2rem 1.5rem;
	--wl-auth-layout-form-wrap-margin: 50px 0 0 0;
	--wl-auth-layout-form-wrap-border: none;
	--wl-auth-layout-form-wrap-border-radius: 1.5rem;
	--wl-auth-layout-form-wrap-box-shadow: none;
	--wl-auth-layout-form-wrap-gap: 10px;
	--wl-auth-layout-header-gap: -5px;
	--wl-auth-layout-header-background: url('/themes/projectIconIo/auth-logo.png') no-repeat center / contain;
	--wl-auth-layout-header-icon-display: block;
	--wl-auth-layout-title-weight: 700;
	--wl-auth-layout-subtitle-mt: -6px;

	/* 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;
}