$management-bar-base: () !default;
$management-bar-base: map-deep-merge(
	(
		border-color: transparent,
		border-style: solid,
		media-breakpoint-down: (),
		media-breakpoint-up: (),
	),
	$management-bar-base
);

$management-bar-size: () !default;
$management-bar-size: map-deep-merge(
	(
		scaling-navbar: true,
		border-bottom-width: 0.0625rem,
		font-size:
			if(variable-exists(navbar-font-size), $navbar-font-size, null),
		height: 4rem,
		min-height: 4rem,
		padding-x: 0,
		padding-y: 0,
		height-mobile: 3rem,
		min-height-mobile: 3rem,
		btn-monospaced-font-size: 1rem,
		link-height: 2rem,
		link-height-mobile: 2rem,
		link-margin-x: 0.5rem,
		link-margin-x-mobile: 0.25rem,
		link-padding-x-mobile: 0.25rem,
		form-control-height-mobile: 2rem,
		toggler-margin-x: 0.875rem,
		active-border-bottom-width: 0.25rem,
		nav-item-dropdown-margin-top: 0,
	),
	$management-bar-size
);

$management-bar-light: () !default;
$management-bar-light: map-deep-merge(
	(
		background-color: $light,
		navbar-nav: (
			nav-link: (
				color:
					if(
						variable-exists(navbar-light-color),
						$navbar-light-color,
						rgba($black, 0.5)
					),
				hover: (
					color:
						if(
							variable-exists(navbar-light-hover-color),
							$navbar-light-hover-color,
							rgba($black, 0.7)
						),
				),
				active: (
					color:
						if(
							variable-exists(navbar-light-active-color),
							$navbar-light-active-color,
							rgba($black, 0.9)
						),
				),
				disabled: (
					color:
						if(
							variable-exists(navbar-light-disabled-color),
							$navbar-light-disabled-color,
							rgba($black, 0.3)
						),
					opacity: 1,
				),
			),
		),
		media-breakpoint-down: (),
		media-breakpoint-up: (),
	),
	$management-bar-light
);

$management-bar-primary: () !default;
$management-bar-primary: map-deep-merge(
	(
		background-color: $primary-l3,
		border-color: $primary,
		color:
			if(
				variable-exists(navbar-light-color),
				$navbar-light-color,
				rgba($black, 0.5)
			),
		navbar-nav: (
			nav-link: (
				color:
					if(
						variable-exists(navbar-light-color),
						$navbar-light-color,
						rgba($black, 0.5)
					),
				hover: (
					color:
						if(
							variable-exists(navbar-light-hover-color),
							$navbar-light-hover-color,
							rgba($black, 0.7)
						),
				),
				active: (
					color:
						if(
							variable-exists(navbar-light-active-color),
							$navbar-light-active-color,
							rgba($black, 0.9)
						),
				),
				disabled: (
					color:
						if(
							variable-exists(navbar-light-disabled-color),
							$navbar-light-disabled-color,
							rgba($black, 0.3)
						),
					opacity: 1,
				),
			),
		),
		media-breakpoint-down: (),
		media-breakpoint-up: (),
	),
	$management-bar-primary
);