/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */ 

$organisation-code: map-get($variables-customer, OrganisationCode);
$application-theme-name: map-get($variables-customer, ApplicationThemeName);
$default-sidebar-buttons: true; 

// Colors Dark
@if (customer(ThemeProperties, OrganisationStyleColorPrimaryDark)) {
	$dark-color-primary: customer(ThemeProperties, OrganisationStyleColorPrimaryDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleColorSecondaryDark)) {
	$dark-color-secondary: customer(ThemeProperties, OrganisationStyleColorSecondaryDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleColorAccentDark)) {
	$dark-color-accent: customer(ThemeProperties, OrganisationStyleColorAccentDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleColorSubtleDark)) {
	$dark-color-subtle: customer(ThemeProperties, OrganisationStyleColorSubtleDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleColorSubtleLightDark)) {
	$dark-color-subtle-light: customer(ThemeProperties, OrganisationStyleColorSubtleLightDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleColorSubtleDarkerDark)) {
	$dark-color-subtle-dark: customer(ThemeProperties, OrganisationStyleColorSubtleDarkerDark, 'hex');
}
 
// Colors ----------------------------------------------------------------------------
@if (customer(ThemeProperties, OrganisationStyleColorPrimary)) {
	$color-primary: customer(ThemeProperties, OrganisationStyleColorPrimary, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
			$dark-color-primary: $color-primary;
		}
	}
} 
@if (customer(ThemeProperties, OrganisationStyleColorSecondary)) {
	$color-secondary: customer(ThemeProperties, OrganisationStyleColorSecondary, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
			$dark-color-secondary: $color-secondary;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleColorAccent)) {
	$color-accent: customer(ThemeProperties, OrganisationStyleColorAccent, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
			$dark-color-accent: $color-accent;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleColorSubtle)) {
	$color-subtle: customer(ThemeProperties, OrganisationStyleColorSubtle, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
			$dark-color-subtle: $color-subtle;
		}
	}
}
// @if (customer(ThemeProperties, OrganisationStyleColorSubtleLight)) {
// 	$color-subtle-light: customer(ThemeProperties, OrganisationStyleColorSubtleLight, 'hex');
// 	// Overrule dark color
// 	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
// 		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
// 			$dark-color-subtle-light: $color-subtle-light;
// 		}
// 	}
// }
// @if (customer(ThemeProperties, OrganisationStyleColorSubtleDarker)) {
// 	$color-subtle-dark: customer(ThemeProperties, OrganisationStyleColorSubtleDarker, 'hex');
// 	// Overrule dark color
// 	@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight)) {
// 		@if (customer(ThemeProperties, OrganisationStyleColorDarkUseLight, 'boolean') == true) {
// 			$dark-color-subtle-dark: $color-subtle-dark;
// 		}
// 	}
// }

// Buttons Dark ----------------------------------------------------------------------------
@if (customer(ThemeProperties, OrganisationStyleButtonBackgroundColorDark)) {
	$dark-button-background-color: customer(ThemeProperties, OrganisationStyleButtonBackgroundColorDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleButtonTextColorDark)) {
	$dark-button-text-color: customer(ThemeProperties, OrganisationStyleButtonTextColorDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColorDark)) {
	$dark-button-hover-background-color: customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColorDark, 'hex');
	$dark-button-active-background-color: customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColorDark, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleButtonHoverTextColorDark)) {
	$dark-button-hover-text-color: customer(ThemeProperties, OrganisationStyleButtonHoverTextColorDark, 'hex');
}

// Buttons Light ----------------------------------------------------------------------------
@if (customer(ThemeProperties, OrganisationStyleButtonBackgroundColor)) {
	$button-background-color: customer(ThemeProperties, OrganisationStyleButtonBackgroundColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-background-color: $button-background-color;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleButtonBorderColor)) {
	$button-border-color: customer(ThemeProperties, OrganisationStyleButtonBorderColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-border-color: $button-border-color;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleButtonTextColorDark)) {
	$button-text-color: customer(ThemeProperties, OrganisationStyleButtonTextColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-text-color: $button-text-color;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColor)) {
	$button-hover-background-color: customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColor, 'hex');
	$button-active-background-color: customer(ThemeProperties, OrganisationStyleButtonHoverBackgroundColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-hover-background-color: $button-hover-background-color;
			$dark-button-active-background-color: $button-active-background-color;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleButtonHoverBorderColor)) {
	$button-hover-border-color: customer(ThemeProperties, OrganisationStyleButtonHoverBorderColor, 'hex');
	$button-active-border-color: customer(ThemeProperties, OrganisationStyleButtonHoverBorderColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-hover-border-color: $button-hover-border-color;
			$dark-button-active-border-color: $button-active-border-color;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleButtonHoverTextColor)) {
	$button-hover-text-color: customer(ThemeProperties, OrganisationStyleButtonHoverTextColor, 'hex');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleButtonDarkUseLight, 'boolean') == true) {
			$dark-button-hover-text-color: $button-hover-text-color;
		}
	}
}


// List ----------------------------------------------------------------------------

// Standard
@if (customer(ThemeProperties, OrganisationStyleListStandardFontSize)) {
	$list-standard-font-size: customer(ThemeProperties, OrganisationStyleListStandardFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListStandardFontColor)) {
	$list-standard-font-color: customer(ThemeProperties, OrganisationStyleListStandardFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListStandardFontWeight)) {
	$list-standard-font-weight: customer(ThemeProperties, OrganisationStyleListStandardFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListStandardTextDecoration)) {
	$list-standard-text-decoration: customer(ThemeProperties, OrganisationStyleListStandardTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListStandardBackgroundColor)) {
	$list-standard-background-color: customer(ThemeProperties, OrganisationStyleListStandardBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListStandardBorderRadius)) {
	$list-standard-border-radius: customer(ThemeProperties, OrganisationStyleListStandardBorderRadius, 'px');
}

// Elevated
@if (customer(ThemeProperties, OrganisationStyleListElevatedFontSize)) {
	$list-elevated-font-size: customer(ThemeProperties, OrganisationStyleListElevatedFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListElevatedFontColor)) {
	$list-elevated-font-color: customer(ThemeProperties, OrganisationStyleListElevatedFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListElevatedFontWeight)) {
	$list-elevated-font-weight: customer(ThemeProperties, OrganisationStyleListElevatedFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListElevatedTextDecoration)) {
	$list-elevated-text-decoration: customer(ThemeProperties, OrganisationStyleListElevatedTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListElevatedBackgroundColor)) {
	$list-elevated-background-color: customer(ThemeProperties, OrganisationStyleListElevatedBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListElevatedBorderRadius)) {
	$list-elevated-border-radius: customer(ThemeProperties, OrganisationStyleListElevatedBorderRadius, 'px');
}

// Essential
@if (customer(ThemeProperties, OrganisationStyleListEssentialFontSize)) {
	$list-essential-font-size: customer(ThemeProperties, OrganisationStyleListEssentialFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListEssentialFontColor)) {
	$list-essential-font-color: customer(ThemeProperties, OrganisationStyleListEssentialFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListEssentialFontWeight)) {
	$list-essential-font-weight: customer(ThemeProperties, OrganisationStyleListEssentialFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListEssentialTextDecoration)) {
	$list-essential-text-decoration: customer(ThemeProperties, OrganisationStyleListEssentialTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListEssentialBackgroundColor)) {
	$list-essential-background-color: customer(ThemeProperties, OrganisationStyleListEssentialBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListEssentialBorderRadius)) {
	$list-essential-border-radius: customer(ThemeProperties, OrganisationStyleListEssentialBorderRadius, 'px');
}

// Information
@if (customer(ThemeProperties, OrganisationStyleListInformationFontSize)) {
	$list-information-font-size: customer(ThemeProperties, OrganisationStyleListInformationFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListInformationFontColor)) {
	$list-information-font-color: customer(ThemeProperties, OrganisationStyleListInformationFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListInformationFontWeight)) {
	$list-information-font-weight: customer(ThemeProperties, OrganisationStyleListInformationFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListInformationTextDecoration)) {
	$list-information-text-decoration: customer(ThemeProperties, OrganisationStyleListInformationTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListInformationBackgroundColor)) {
	$list-information-background-color: customer(ThemeProperties, OrganisationStyleListInformationBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListInformationBorderRadius)) {
	$list-information-border-radius: customer(ThemeProperties, OrganisationStyleListInformationBorderRadius, 'px');
}

// Warning
@if (customer(ThemeProperties, OrganisationStyleListWarningFontSize)) {
	$list-warning-font-size: customer(ThemeProperties, OrganisationStyleListWarningFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListWarningFontColor)) {
	$list-warning-font-color: customer(ThemeProperties, OrganisationStyleListWarningFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListWarningFontWeight)) {
	$list-warning-font-weight: customer(ThemeProperties, OrganisationStyleListWarningFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListWarningTextDecoration)) {
	$list-warning-text-decoration: customer(ThemeProperties, OrganisationStyleListWarningTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListWarningBackgroundColor)) {
	$list-warning-background-color: customer(ThemeProperties, OrganisationStyleListWarningBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListWarningBorderRadius)) {
	$list-warning-border-radius: customer(ThemeProperties, OrganisationStyleListWarningBorderRadius, 'px');
}

// Error
@if (customer(ThemeProperties, OrganisationStyleListErrorFontSize)) {
	$list-error-font-size: customer(ThemeProperties, OrganisationStyleListErrorFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListErrorFontColor)) {
	$list-error-font-color: customer(ThemeProperties, OrganisationStyleListErrorFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListErrorFontWeight)) {
	$list-error-font-weight: customer(ThemeProperties, OrganisationStyleListErrorFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListErrorTextDecoration)) {
	$list-error-text-decoration: customer(ThemeProperties, OrganisationStyleListErrorTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListErrorBackgroundColor)) {
	$list-error-background-color: customer(ThemeProperties, OrganisationStyleListErrorBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListErrorBorderRadius)) {
	$list-error-border-radius: customer(ThemeProperties, OrganisationStyleListErrorBorderRadius, 'px');
}

// Diminished
@if (customer(ThemeProperties, OrganisationStyleListDiminishedFontSize)) {
	$list-diminished-font-size: customer(ThemeProperties, OrganisationStyleListDiminishedFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListDiminishedFontColor)) {
	$list-diminished-font-color: customer(ThemeProperties, OrganisationStyleListDiminishedFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListDiminishedFontWeight)) {
	$list-diminished-font-weight: customer(ThemeProperties, OrganisationStyleListDiminishedFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListDiminishedTextDecoration)) {
	$list-diminished-text-decoration: customer(ThemeProperties, OrganisationStyleListDiminishedTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListDiminishedBackgroundColor)) {
	$list-diminished-background-color: customer(ThemeProperties, OrganisationStyleListDiminishedBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListDiminishedBorderRadius)) {
	$list-diminished-border-radius: customer(ThemeProperties, OrganisationStyleListDiminishedBorderRadius, 'px');
}

// Disabled
@if (customer(ThemeProperties, OrganisationStyleListDisabledFontSize)) {
	$list-disabled-font-size: customer(ThemeProperties, OrganisationStyleListDisabledFontSize, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleListDisabledFontColor)) {
	$list-disabled-font-color: customer(ThemeProperties, OrganisationStyleListDisabledFontColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListDisabledFontWeight)) {
	$list-disabled-font-weight: customer(ThemeProperties, OrganisationStyleListDisabledFontWeight, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListDisabledTextDecoration)) {
	$list-disabled-text-decoration: customer(ThemeProperties, OrganisationStyleListDisabledTextDecoration, 'string');
}
@if (customer(ThemeProperties, OrganisationStyleListDisabledBackgroundColor)) {
	$list-disabled-background-color: customer(ThemeProperties, OrganisationStyleListDisabledBackgroundColor, 'hex');
}
@if (customer(ThemeProperties, OrganisationStyleListDisabledBorderRadius)) {
	$list-disabled-border-radius: customer(ThemeProperties, OrganisationStyleListDisabledBorderRadius, 'px');
}

// Background image ----------------------------------------------------------------------------
@if (customer(ThemeProperties, OrganisationStyleBackgroundMode)) {
	$background-mode: customer(ThemeProperties, OrganisationStyleBackgroundMode, 'integer');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundImagePositionX)) { 
	$background-image-position-x: customer(ThemeProperties, OrganisationStyleBackgroundImagePositionX, '%');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundImagePositionY)) {
	$background-image-position-y: customer(ThemeProperties, OrganisationStyleBackgroundImagePositionY, '%');
}

// Glass effect
@if (customer(ThemeProperties, OrganisationStyleGlassEffect)) {
	$glass-effect: customer(ThemeProperties, OrganisationStyleGlassEffect, 'boolean');
}
@if (customer(ThemeProperties, OrganisationStyleGlassEffectBlur)) {
	$glass-effect-blur: customer(ThemeProperties, OrganisationStyleGlassEffectBlur, 'px');
}

// Fields
@if (customer(ThemeProperties, OrganisationStyleFieldSize)) {
	$field-size: customer(ThemeProperties, OrganisationStyleFieldSize, 'integer');
}

// Misc
@if (customer(ThemeProperties, OrganisationStyleLogoHeight)) {
	$navbar-logo-height: customer(ThemeProperties, OrganisationStyleLogoHeight, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleBorderRadius)) {
	$border-radius-default: customer(ThemeProperties, OrganisationStyleBorderRadius, 'px');
}
@if (customer(ThemeProperties, OrganisationStyleDisplayLabelBackground)) {
	$display-label-background: customer(ThemeProperties, OrganisationStyleDisplayLabelBackground, 'boolean');
}

// Images
@if (customer(Images, OrganisationStyleLoaderImage)) {
	$url: customer-image-url(OrganisationStyleLoaderImage, $organisation-code, $application-theme-name);
	$loader-image: url($url);
}
@if (customer(Images, OrganisationStyleLoginBackgroundImage)) {
	$url: customer-image-url(OrganisationStyleLoginBackgroundImage, $organisation-code, $application-theme-name);
	$login-background-image: url($url);
}
@if (customer(Images, OrganisationStyleSidebarBackgroundImage)) {
	$url: customer-image-url(OrganisationStyleSidebarBackgroundImage, $organisation-code, $application-theme-name);
	$sidebar-background-image: url($url);
}

// Logo's
@if (customer(Images, OrganisationStyleLoginLogo)) {
	$url: customer-image-url(OrganisationStyleLoginLogo, $organisation-code, $application-theme-name);
	$login-logo: url($url);
}
@if (customer(Images, OrganisationStyleLogoDark)) {
	$url: customer-image-url(OrganisationStyleLogoDark, $organisation-code, $application-theme-name);
	$navbar-logo-dark: url($url);
}
@if (customer(Images, OrganisationStyleLogo)) {
	$url: customer-image-url(OrganisationStyleLogo, $organisation-code, $application-theme-name);
	$navbar-logo: url($url);

	// Overrule the dark mode image
	@if (customer(Images, OrganisationStyleLogoDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleLogoDarkUseLight, 'boolean') == true) {
			$navbar-logo-dark: $navbar-logo;
		}
	}
}
@if (customer(Images, OrganisationStyleLogoSmallDark)) {
	$url: customer-image-url(OrganisationStyleLogoSmallDark, $organisation-code, $application-theme-name);
	$navbar-logo-small-dark: url($url);
}
@if (customer(Images, OrganisationStyleLogoSmall)) {
	$url: customer-image-url(OrganisationStyleLogoSmall, $organisation-code, $application-theme-name);
	$navbar-logo-small: url($url);

	// Overrule the dark mode image
	@if (customer(Images, OrganisationStyleLogoDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleLogoDarkUseLight, 'boolean') == true) {
			$navbar-logo-small-dark: $navbar-logo-small;
		}
	}
}

// Background image
@if (customer(Images, OrganisationStyleBackgroundImage)) {
	$url: customer-image-url(OrganisationStyleBackgroundImage, $organisation-code, $application-theme-name);
	$background-image: url($url);
	$body-background-image: url($url);

	// Overrule the Login image
	@if (customer(ThemeProperties, OrganisationStyleLoginUseBackgroundImage)) {
		@if (customer(ThemeProperties, OrganisationStyleLoginUseBackgroundImage, 'boolean') == true) {
			$login-background-image: $background-image;
		}
	}

	// Overrule the sidebar image
	@if (customer(ThemeProperties, OrganisationStyleBackgroundMode)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundMode, 'integer') == 2) {
			$sidebar-background-image: $background-image;
		} 
	}
}

// Login
@if (customer(ThemeProperties, OrganisationStyleLoginOverlayColor)) {
	$login-overlay-color: customer(ThemeProperties, OrganisationStyleLoginOverlayColor, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleLoginOverlayTransparency)) {
	$login-overlay-transparency: customer(ThemeProperties, OrganisationStyleLoginOverlayTransparency, '%');
}
@if (customer(ThemeProperties, OrganisationStyleLoginOverlayMode)) {
	@if (customer(ThemeProperties, OrganisationStyleLoginOverlayMode, 'integer') == 2) {
		$login-has-gradient: true;
	}
}
@if (customer(ThemeProperties, OrganisationStyleLoginGradientFirstColor)) {
	$login-gradient-first-color: customer(ThemeProperties, OrganisationStyleLoginGradientFirstColor, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleLoginGradientSecondColor)) {
	$login-gradient-second-color: customer(ThemeProperties, OrganisationStyleLoginGradientSecondColor, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleLoginGradientDirection)) {
	$login-gradient-direction: customer(ThemeProperties, OrganisationStyleLoginGradientDirection, 'integer');
}
@if (customer(ThemeProperties, OrganisationStyleLoginOverlayBlur)) {
	$login-overlay-blur: customer(ThemeProperties, OrganisationStyleLoginOverlayBlur, 'px');
}

// Background settings Dark
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayColorDark)) {
	$background-overlay-color-dark: customer(ThemeProperties, OrganisationStyleBackgroundOverlayColorDark, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayTransparencyDark)) {
	$background-overlay-transparency-dark: customer(ThemeProperties, OrganisationStyleBackgroundOverlayTransparencyDark, '%');
}
// TODO: REPLACE DARK MODE HAS GRADIENT PROPERTY
@if (customer(ThemeProperties, OrganisationStyleBackgroundHasGradientDark)) {
	$background-has-gradient-dark: customer(ThemeProperties, OrganisationStyleBackgroundHasGradientDark, 'boolean');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientFirstColorDark)) {
	$background-gradient-first-color-dark: customer(ThemeProperties, OrganisationStyleBackgroundGradientFirstColorDark, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayBlurDark)) {
	$background-overlay-blur-dark: customer(ThemeProperties, OrganisationStyleBackgroundOverlayBlurDark, 'px');
}

@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientSecondColorDark)) {
	$background-gradient-second-color-dark: customer(ThemeProperties, OrganisationStyleBackgroundGradientSecondColorDark, 'rgb');
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientDirectionDark)) {
	$background-gradient-direction-dark: customer(ThemeProperties, OrganisationStyleBackgroundGradientDirectionDark, 'integer');
}

// Background settings Light
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayColor)) {
	$background-overlay-color-light: customer(ThemeProperties, OrganisationStyleBackgroundOverlayColor, 'rgb');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-overlay-color-dark: $background-overlay-color-light;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayTransparency)) {
	$background-overlay-transparency-light: customer(ThemeProperties, OrganisationStyleBackgroundOverlayTransparency, '%');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-overlay-transparency-dark: $background-overlay-transparency-light;
		}
	}
}

@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayMode)) {
	@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayMode, 'integer') == 2) {
		$background-has-gradient-light: true;
		// Overrule dark color
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
			@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
				$background-has-gradient-dark: $background-has-gradient-light;
			}
		}
	}
}

@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientFirstColor)) {
	$background-gradient-first-color-light: customer(ThemeProperties, OrganisationStyleBackgroundGradientFirstColor, 'rgb');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-gradient-first-color-dark: $background-gradient-first-color-light;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundOverlayBlur)) {
	$background-overlay-blur-light: customer(ThemeProperties, OrganisationStyleBackgroundOverlayBlur, 'px');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-overlay-blur-dark: $background-overlay-blur-light;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientSecondColor)) {
	$background-gradient-second-color-light: customer(ThemeProperties, OrganisationStyleBackgroundGradientSecondColor, 'rgb');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-gradient-second-color-dark: $background-gradient-second-color-light;
		}
	}
}
@if (customer(ThemeProperties, OrganisationStyleBackgroundGradientDirection)) {
	$background-gradient-direction-light: customer(ThemeProperties, OrganisationStyleBackgroundGradientDirection, 'integer');
	// Overrule dark color
	@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight)) {
		@if (customer(ThemeProperties, OrganisationStyleBackgroundDarkUseLight, 'boolean') == true) {
			$background-gradient-direction-dark: $background-gradient-direction-light;
		}
	}
}