// Top bar
$top-bar-height: 60px !default;
$top-bar-background-color: $color-primary !default;
$top-bar-link-active-background-color: $color-primary-light !default;
$top-bar-border: 1px solid $color-gray-85 !default;
$top-bar-font-color: $color-white !default;
$top-bar-toggle-color: $color-white !default;

$top-bar-button-height: 40px !default;
$top-bar-button-color: $top-bar-font-color !default;
$top-bar-button-background-color: $color-primary-dark !default;
$top-bar-button-hover-color: $top-bar-button-color !default;
$top-bar-button-hover-background-color: $color-primary-light !default;
$top-bar-button-active-color: $top-bar-font-color !default;
$top-bar-button-active-background-color: $top-bar-button-hover-background-color !default;

// Top bar bootstrap overrides
$navbar-default-color: $top-bar-font-color !default;
$navbar-default-bg: $top-bar-background-color !default;
$navbar-height: 60px !default;
$nav-link-hover-bg: $color-primary-light !default;
$navbar-default-link-color:             $top-bar-button-color !default;
$navbar-default-link-hover-color:       $top-bar-button-hover-color !default;
$navbar-default-link-hover-bg:          $top-bar-button-hover-background-color !default;
$navbar-default-link-active-color:      $top-bar-button-active-color !default;
$navbar-default-link-active-bg:         $top-bar-button-active-background-color !default;
$navbar-default-link-disabled-color:    $top-bar-font-color !default;
$navbar-default-link-disabled-bg:       transparent !default;
$navbar-default-toggle-hover-bg:        transparent !default;
$navbar-default-toggle-icon-bar-bg:     $top-bar-font-color !default;
$navbar-default-toggle-border-color:    transparent !default;

// Left menu
$left-menu-width: 240px !default;
$left-menu-hidden-width: 52px !default;
$left-menu-border: 1px solid $color-gray-85 !default;
$left-menu-link-horizontal-padding: 16px !default;
$left-menu-link-vertical-padding: 8px !default;
$left-menu-link-color: $text-color !default;
$left-menu-link-color-active: $color-primary !default;
$left-menu-sub-link-color: $text-color-subtle !default;
$left-menu-link-background-color-hover: rgba($left-menu-link-color-active, .2) !default;
$left-menu-link-background-color-active: rgba($left-menu-link-color-active, .1) !default;
$left-menu-header-background-color: $color-primary-dark !default;
$left-menu-hide-animation: .25s ease-out !default;
$left-menu-header-padding: 0 $left-menu-link-horizontal-padding !default;
$left-menu-group-header-color: $text-heading-color !default;
$left-menu-group-header-height: 48px !default;

// hamburger overrides
$hamburger-layer-color: $top-bar-font-color !default;
$hamburger-layer-width: 23px !default;
$hamburger-layer-height: 2px !default;
$hamburger-layer-spacing: 3px !default;
$hamburger-padding-x: 0 !default;
$hamburger-padding-y: 0 !default;
$hamburger-types: (
    arrow,
    arrowalt,
    arrowturn,
    collapse,
    slider,
    spring,
    spin,
    squeeze,
    vortex,
) !default;