// Common
// *******************************************************************************

$ui-star-size: 1.1em !default;
$ui-stars-spacer: -0.1em !default;
$ui-star-filled-color: $yellow !default;

// Navbar (custom navbar)
// *******************************************************************************
$navbar-height: 4rem !default;
$navbar-suggestion-width: 96% !default;
$navbar-suggestion-height: 28rem !default;
$navbar-suggestion-border-radius: 0.5rem !default;
$navbar-dropdown-width: 22rem !default;
$navbar-dropdown-content-height: 25.75rem !default;
$navbar-notifications-dropdown-item-padding: 1rem !default;

// Menu
// *******************************************************************************

$menu-width: 16.25rem !default;
$menu-collapsed-width: 5rem !default;

$menu-font-size: 1rem !default;

$menu-item-spacer: 0.375rem !default;

$menu-vertical-link-margin-x: 0.75rem !default;

$menu-vertical-link-padding-y: 0.48rem !default;
$menu-vertical-link-padding-x: 1rem !default;
$menu-vertical-menu-link-padding-y: 0.561rem !default;

$menu-horizontal-spacer-y: 0.7rem !default;
$menu-horizontal-spacer-x: 0.25rem !default;
$menu-horizontal-item-spacer: 0.25rem !default;
$menu-horizontal-link-padding-y: 0.5rem !default;
$menu-horizontal-link-padding-x: 0.75rem !default;
$menu-horizontal-menu-link-padding-y: 0.561rem !default;
$menu-horizontal-menu-level-spacer: 1rem !default;
$menu-horizontal-box-shadow: 0px 4px 8px -4px $gray-400 !default;

$menu-sub-width: $menu-width !default;
$menu-sub-box-shadow: 0px 6px 18px -8px $gray-600 !default;
$menu-control-width: 2.25rem !default;
$menu-control-arrow-size: 0.5rem !default;

$menu-icon-expanded-width: 1.5rem !default;
$menu-icon-expanded-font-size: 1.5rem !default;
$menu-icon-expanded-spacer: 0.5rem !default;

$menu-animation-duration: 0.3s !default;

$menu-dark-border-color: rgba(255, 255, 255, 0.2) !default;
$menu-dark-menu-bg: rgba(0, 0, 0, 0.06) !default;
$menu-light-border-color: rgba(0, 0, 0, 0.06) !default;
$menu-light-menu-bg: rgba(0, 0, 0, 0.05) !default;

// Footer
// *******************************************************************************
$footer-fixed-box-shadow: 0 2px 10px 0 $gray-300 !default;

// Custom Options
// *******************************************************************************

$custom-option-padding: 1em !default;
$custom-option-cursor: pointer !default;
$custom-option-border-color: $border-color !default;
$custom-option-border-width: 1px !default;
$custom-option-image-border-width: 2px !default;
$custom-option-border-hover-color: darken($border-color, 8%) !default;

// Switches
// *******************************************************************************

$switch-font-size: 0.625rem !default;
$switch-border-radius: 30rem !default;

$switch-width: 2.25rem !default;
$switch-width-sm: 1.75rem !default;
$switch-width-lg: 2.75rem !default;

$switch-height: 1.25rem !default;
$switch-height-sm: 1rem !default;
$switch-height-lg: 1.5rem !default;

$switch-label-font-size: $font-size-base !default;
$switch-label-font-size-sm: $font-size-sm !default;
$switch-label-font-size-lg: $font-size-lg !default;

$switch-label-line-height: 1.4 !default;
$switch-label-line-height-sm: 1.48 !default;
$switch-label-line-height-lg: 1.47 !default;

$switch-spacer-x: 0.75rem !default;
$switch-spacer-y: 0.75rem !default;
$switch-gutter: 0.75rem !default;
$switch-inner-spacer: 0 !default;

$switch-square-border-radius: 0.125rem !default;

$switch-label-color: $body-color !default;
$switch-label-disabled-color: $text-muted !default;
$switch-disabled-opacity: 0.5 !default;

$switch-off-color: $gray-400 !default;
$switch-off-bg: $gray-200 !default;
$switch-off-border: $gray-200 !default;
$switch-holder-bg: $white !default;
$switch-holder-shadow: 0px 2px 1px -1px rgba($black, 0.2), 0px 1px 1px rgba($black, 0.14),
  0px 1px 3px rgba($black, 0.12) !default;
$switch-focus-box-shadow: $input-btn-focus-box-shadow !default;

// Avatars
// *******************************************************************************

$avatar-size-xl: 4rem !default;
$avatar-size-lg: 3.5rem !default;
$avatar-size-md: 3rem !default;
$avatar-size: 2.5rem !default; // Default
$avatar-size-sm: 2rem !default;
$avatar-size-xs: 1.563rem !default;

$avatar-initial-xl: 1.875rem !default;
$avatar-initial-lg: 1.5rem !default;
$avatar-initial-md: 1.25rem !default;
$avatar-initial: 1.125rem !default;
$avatar-initial-sm: 0.75rem !default;
$avatar-initial-xs: 0.625rem !default;

$avatar-group-border: $card-bg !default;

// Timeline
// *******************************************************************************
$timeline-line-border-styles: (
  solid: solid,
  dotted: dotted,
  dashed: dashed,
  hidden: none
) !default;

$timeline-border-color: $border-color !default;

$timeline-indicator-size: 2rem !default;
$timeline-point-size: 0.75rem !default;
$timeline-point-color: $primary !default;
$timeline-point-indicator-bg-scale: 88% !default;

$timeline-item-min-height: 4rem !default;
$timeline-item-padding-x: 1.5rem !default;
$timeline-item-padding-y: 1.1rem !default;
$timeline-item-bg-color: $card-bg !default;
$timeline-item-border-radius: $border-radius !default;

$timeline-event-time-size: 0.85rem !default;
$timeline-event-time-color: $text-muted !default;

// Text Divider
// *******************************************************************************
$divider-color: $gray-200 !default;

$divider-margin-y: 1rem !default;
$divider-margin-x: 0 !default;

$divider-text-padding-y: 0rem !default;
$divider-text-padding-x: 1rem !default;

$divider-font-size: 0.8rem !default;
$divider-icon-size: 1rem !default;