/// Padding of an inplace element
/// @group misc
$inplacePadding: $inputPadding;

/// Background of an inplace element in hover state
/// @group misc
$inplaceHoverBg: #e9ecef;

/// Text color of an inplace element in hover state
/// @group misc
$inplaceTextHoverColor: $textColor;

/// Background of a badge
/// @group misc
$badgeBg: var(--surface-section);

/// Text color of a badge
/// @group misc
$badgeTextColor: $textColor;

/// Minimum width of a badge
/// @group misc
$badgeMinWidth: 1.5rem;

/// Height of a badge
/// @group misc
$badgeHeight: 1.25rem;

/// Font weight of a badge
/// @group misc
$badgeFontWeight: 500;

/// Font size of a badge
/// @group misc
$badgeFontSize: 0.75rem;

/// Padding of a badge
/// @group misc
$tagPadding: 0.25rem 0.4rem;

/// Height of a progress bar
/// @group misc
$progressBarHeight: 1.5rem;

/// Border of a progress bar
/// @group misc
$progressBarBorder: 0 none;

/// Background of a progress bar
/// @group misc
$progressBarBg: var(--surface-600);

/// Background of a progress bar value
/// @group misc
$progressBarValueBg: var(--progress-bar-value-bg);

/// Text color of a progress bar value
/// @group misc
$progressBarValueTextColor: var(--primary-text-color);

/// Stroke color of a progress spinner
/// @group misc
$progressSpinnerStrokeColor: var(--progress-spinner-stroke-color);

/// First spinner color of a progress spinner
/// @group misc
$progressSpinnerColorOne: $errorMessageTextColor !default;

/// Second spinner color of a progress spinner
/// @group misc
$progressSpinnerColorTwo: $infoMessageTextColor !default;

/// Third spinner color of a progress spinner
/// @group misc
$progressSpinnerColorThree: $successMessageTextColor !default;

/// Fourth spinner color of a progress spinner
/// @group misc
$progressSpinnerColorFour: $warningMessageTextColor !default;

/// Background of an avatar
/// @group misc
$avatarBg: var(--avatar-bg);

/// Text color of an avatar
/// @group misc
$avatarTextColor: $textColor;

/// Background of a chip
/// @group misc
$chipBg: var(--chip-bg);

/// Text color of a chip
/// @group misc
$chipTextColor: $textColor;

/// Border radius of a chip
/// @group misc
$chipBorderRadius: $borderRadius;

/// Background of a chip in focus state
/// @group misc
$chipFocusBg: var(--chip-focus-bg);

/// Color of a chip in focus state
/// @group misc
$chipFocusTextColor: $textColor !default;

/// Background of a scrollTop
/// @group misc
$scrollTopBg: rgba(0, 0, 0, 0.7);

/// Background of a scrollTop in hover state
/// @group misc
$scrollTopHoverBg: rgba(0, 0, 0, 0.8);

/// Width of a scrollTop
/// @group misc
$scrollTopWidth: 3rem;

/// Height of a scrollTop
/// @group misc
$scrollTopHeight: 3rem;

/// Border radius of a scrollTop
/// @group misc
$scrollTopBorderRadius: 50%;

/// Font size of a scrollTop
/// @group misc
$scrollTopFontSize: 1.5rem;

/// Text color of a scrollTop
/// @group misc
$scrollTopTextColor: #f8f9fa;

/// Background of a skeleton
/// @group misc
$skeletonBg: var(--skeleton-bg);

/// Background of a skeleton animation
/// @group misc
$skeletonAnimationBg: var(--skeleton-animation-bg);