

$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
	Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";



$fontSize: 1rem;



$fontWeight: normal;



$textColor: #495057;



$textSecondaryColor: #6c757d;



$highlightBg: $primaryColor;



$highlightTextColor: $primaryTextColor;



$highlightFocusBg: rgba($primaryColor, 0.24) !default;



$borderRadius: 3px;



$transitionDuration: 0.2s;



$formElementTransition: background-color $transitionDuration,
	color $transitionDuration, border-color $transitionDuration,
	box-shadow $transitionDuration;



$actionIconTransition: background-color $transitionDuration,
	color $transitionDuration, box-shadow $transitionDuration;



$listItemTransition: background-color $transitionDuration,
	border-color $transitionDuration, box-shadow $transitionDuration;



$primeIconFontSize: 1rem;



$divider: 1px solid #dee2e6;



$inlineSpacing: 0.5rem;



$disabledOpacity: 0.8;



$maskBg: rgba(0, 0, 0, 0.4);



$loadingIconFontSize: 2rem;



$errorColor: #e4677e;



$focusOutlineColor: #bfd1f6;



$focusOutline: 0 none;



$focusOutlineOffset: 0;



$focusShadow: 0 0 0 0.2rem $focusOutlineColor;



$actionIconWidth: 2rem;



$actionIconHeight: 2rem;



$actionIconBg: transparent;



$actionIconBorder: 0 none;



$actionIconColor: $textSecondaryColor;



$actionIconHoverBg: #e9ecef;



$actionIconHoverBorderColor: transparent;



$actionIconHoverColor: $textColor;



$actionIconBorderRadius: 50%;



$scaleSM: 0.875;



$scaleLG: 1.25;
