// Shared Variables
$font-family-base: Arial, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-size-xs: .875rem;

// Body
$body-bg: map-get($theme-colors, theme-bg-color);
$body-color: $gray-900;
// Links
$link-color: $bhp_blue_3;

// Components
$border-color: rgba($gray-900, .2);

// Fonts
$text-muted: rgba($body-color, .4);
$hr-border-color: $border-color;
$headings-font-weight: 700;

// Scaffolding
$fa-inverse_color: $light;

// Tables
$table-accent-bg: $gray-100;
$table-border-color: $border-color;
$table-head-bg: $gray-200;
$table-head-active-bg: $gray-400;
$table-head-color: $body-color;
$table-tr-bg: $white;

// Forms
$input-border-color: $border-color;
$input-group-addon-border-color: $border-color;


// Dropdowns
$dropdown-bg: $gray-100;
$dropdown-link-color: $body-color;
$dropdown-border-color: $border-color;
$dropdown-divider-bg: $border-color;
$dropdown-link-disabled-color:      $text-muted;
$dropdown-link-hover-color:         $body-color;

//$dropdown-link-color:               $gray-900;
//$dropdown-link-hover-bg:            $gray-100;
//$dropdown-link-active-color:        $component-active-color;
//$dropdown-link-active-bg:           $component-active-bg;
//$dropdown-header-color:             $gray-600;

// Cards
$card-border-color: $border-color;
$card-cap-bg: $gray-200;

// Modals
$modal-content-bg: $body-bg;

// Navs
$nav-tabs-border-color: $border-color;
$nav-tabs-link-color: $body-color;
$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
$nav-tabs-active-link-color: $body-color;

// Popovers
$popover-max-width: 600px;
$popover-border-color: $border-color;
$popover-arrow-outer-color: fade-in($popover-border-color, .05);

// Modals
$modal-content-border-color: $border-color;
$modal-header-border-color: $border-color;
$modal-footer-border-color: $modal-header-border-color;

// List Group
$list-group-border-color: $border-color;
$list-group-action-color: $body-color;
$list-group-action-hover-color: $body-color;
$list-group-header-color: $body-color;

// Alerts
$alert-text-color: $body-color;
$alert-link-color: $body-color;

// Progress bars
$progress-bg: $gray-300;

// Buttons
$btn-font-weight: $font-weight-bold;

// Pagination
$pagination-active-color: map-get($theme-colors, primary);
$pagination-active-color: map-get($theme-colors, primary);

// Nav Tabs
$nav-tabs-border-radius: 0;
$nav-tabs-link-border-width: 4px;
$nav-tabs-link-hover-border-width: 4px;
$nav-tabs-link-active-border-width: 4px;
$nav-tabs-link-active-border-color: map-get($theme-colors, primary);
$nav-tabs-link-active-bg: transparent;
$btn-disabled-opacity: 0.2;

// Toggle Switch
$toggle-switch-padding: 1px;
$toggle-switch-border-width: 1px;
$toggle-switch-border-color: $body-color;
$toggle-switch-outer-height: 28px;
$toggle-switch-font-size: 0.75rem;

// Spinner
$spinner-size: 4rem;
$spinner-size-sm: 2rem;
$spinner-size-lg: 6rem;

// List Group
$list-group-active-color: $black;
$list-group-active-bg: map-get($theme-colors, selected-item);
$list-group-active-bg-hover: map-get($theme-colors, selected-item-hover);
$list-group-active-border-color: $list-group-border-color;

// Nav link
$nav-link-padding-y: 1rem;

// Breadcrumbs
$breadcrumb-bg:                     $gray-200;
$breadcrumb-divider-color:          $gray-600;
$breadcrumb-active-color:           $body-color;
$breadcrumb-divider:                quote(">");

// Code
$pre-color: $body-color;

// Cards
$card-cap-bg: $gray-300;
$card-bg: $gray-100;

//Forms - Checkbox
$custom-control-indicator-bg: $gray-600;