@import "colors";

$header-bggradient-from: $header-bgcolor;

$primary-nav-bggradient-from: $primary-nav-bgcolor;

$primary-nav-border-top-color: scale-color(
												$primary-nav-bgcolor,
												$saturation: -44.118%,
												$lightness: 80% );

$primary-nav-item-hover-bggradient-to: scale-color(
														$primary-nav-bgcolor,
														$saturation: -10.294%,
														$lightness: 13.333% );


$primary-nav-link-shadow-color: scale-color(
												$primary-nav-link-color,
												$lightness: -73% );

$primary-nav-li-ul-link-color: scale-color(
												$primary-nav-link-color,
												$lightness: -6% );



$secondary-nav-item-bggradient-to: $secondary-nav-item-bgcolor;

$secondary-nav-item-border-color: scale-color(
													$secondary-nav-item-bgcolor,
													$saturation: -19.149%,
													$lightness: -31.034% );

$secondary-nav-item-border-top-color: lighten($secondary-nav-item-bgcolor, 5%);

$secondary-nav-item-border-bottom-color: darken($secondary-nav-item-bgcolor, 5%);

$secondary-nav-li-ul-bgcolor: scale-color(
												$secondary-nav-item-bgcolor,
												$saturation: -21.278%,
												$lightness: -17.241% );

$secondary-nav-li-ul-bggradient-from: $secondary-nav-li-ul-bgcolor;

$secondary-nav-li-ul-firstitem-border-color: scale-color(
														$secondary-nav-item-bgcolor,
														$saturation: 1.887%,
														$lightness: -36.207% );

$secondary-nav-li-ul-lastitem-border-color: $secondary-nav-li-ul-firstitem-border-color;

$secondary-nav-text-color: lighten($secondary-nav-link-color, 7%);

$secondary-nav-link-shadow: darken($secondary-nav-item-bgcolor, 58% );

$secondary-nav-li-ul-link-shadow: scale-color(
											$secondary-nav-item-bgcolor,
											$lightness: -43.103% );


$stack-box-shadow-color1: scale-color(
										$secondary-nav-item-bgcolor,
										$saturation: -17.021%,
										$lightness: -18.966% );

$stack-box-shadow-color3: scale-color(
										$secondary-nav-item-bgcolor,
										$saturation: -19.149%,
										$lightness: -22.414% );



$button-bggradient-from: $button-bgcolor;

$button-border-color: scale-color(
										$button-bgcolor,
										$saturation: -66%,
										$lightness: 35% );
