// Variables
// See https://getbootstrap.com/docs/5.3/getting-started/theming/

$font-family-sans-serif: MetaCompPro-Normal, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

//
// General styles
//

$border-radius: 2px !default;
$border-radius-lg: 2px !default;
$border-radius-sm: 2px !default;

$font-size-base:              1rem !default;
$h1-font-size:                $font-size-base * 1.5 !default;
$h2-font-size:                $font-size-base * 1.25 !default;
$h3-font-size:                $font-size-base * 1 !default;
$h4-font-size:                $font-size-base * .75 !default;
$h5-font-size:                $font-size-base * .5 !default;

//
// Buttons
//

$btn-font-weight: 700 !default;
$btn-font-size: 15px !default;
$btn-padding-y: .625rem !default;
$btn-padding-x: .625rem !default;
$btn-line-height: 1.333333rem !default;

$btn-box-shadow: none !default;
$btn-focus-box-shadow: none !default;
$btn-active-box-shadow: none !default;

// Breadcrumbs

$breadcrumb-padding-y:              .625rem !default;

$breadcrumb-bg:                     $uba-white !default;
$breadcrumb-divider-color:          $uba-gray !default;
$breadcrumb-active-color:           $uba-gray !default;
$breadcrumb-divider:                quote(">") !default;


//
// Links
//

$link-color:                        $uba-blue !default;
$link-hover-color:                  $uba-gray !default;
$link-hover-decoration:             none !default;
$link-decoration:                   none !default;

//
// Disabled Links
//

$navbar-dark-disabled-color:        $uba-gray !default;
$navbar-light-disabled-color:       $uba-gray !default;
$dropdown-link-disabled-color:      $uba-gray !default;

//
// Navs
//

$nav-link-padding-y:                .75rem !default;
$nav-link-padding-x:                1rem !default;

$nav-link-disabled-color:           $uba-gray !default;

$nav-tabs-border-color:             $uba-blue !default;
$nav-tabs-border-width:             1px !default;
$nav-tabs-border-radius:            $border-radius !default;
$nav-tabs-link-active-color:        $uba-white !default;
$nav-tabs-link-active-bg:           $uba-blue !default;

$nav-pills-link-active-color:       $uba-white !default;
$nav-pills-link-active-bg:          $uba-blue !default;

$nav-divider-color:                 $uba-gray-dark !default;

//
// Navbar
//

$navbar-padding-y:                  1rem !default;
$navbar-padding-x:                  1.25rem !default;
$navbar-nav-link-padding-x:         .75rem !default;
$navbar-brand-font-size:            1rem !default;

$navbar-dark-color:                 $uba-white !default;
$navbar-dark-hover-color:           $uba-white !default;
$navbar-dark-active-color:          $uba-white !default;
$navbar-dark-disabled-color:        $uba-gray !default;
$navbar-dark-toggler-border-color:  $uba-blue !default;

$navbar-light-color:                $uba-gray-dark !default;
$navbar-light-hover-color:          $uba-white !default;
$navbar-light-active-color:         inherit !default;
$navbar-light-disabled-color:       $uba-gray !default;
$navbar-light-toggler-border-color: $uba-blue !default;

$navbar-light-brand-color:                $uba-blue !default;
$navbar-light-brand-hover-color:          $uba-blue-dark !default;
$navbar-dark-brand-color:                 $uba-white !default;
$navbar-dark-brand-hover-color:           $uba-gray-light !default;

//
// Dropdowns
//

$dropdown-padding-y:                0 !default;
$dropdown-spacer:                   1px !default;
$dropdown-font-size:                15px !default;
$dropdown-color:                    $uba-white !default;
$dropdown-bg:                       $uba-blue !default;
$dropdown-border-color:             $uba-blue !default;
$dropdown-border-radius:            0 !default;
$dropdown-border-width:             0 !default;
$dropdown-inner-border-radius:      0 !default;
$dropdown-divider-bg:               $uba-blue-dark !default;
$dropdown-divider-margin-y:         0 !default;
$dropdown-box-shadow:               none !default;

$dropdown-link-color:               $uba-white !default;
$dropdown-link-hover-color:         $uba-gray-dark !default;
$dropdown-link-hover-bg:            $uba-gray-light !default;

$dropdown-link-active-color:        $uba-gray-dark !default;
$dropdown-link-active-bg:           $uba-gray-light !default;

$dropdown-link-disabled-color:      $uba-gray !default;

$dropdown-item-padding-y:           .75rem !default;
$dropdown-item-padding-x:           1rem !default;

//
// Cards
//

$card-bg:                           $uba-gray-light !default;
$card-border-color:                 none !default;

//
// List Group
//

$list-group-color:                  $uba-gray !default;
$list-group-bg:                     $uba-gray-light !default;
$list-group-border-color:           rgba($uba-gray, .5) !default;

$list-group-item-padding-y:         1rem !default;

$list-group-hover-bg:               $uba-blue !default;
$list-group-active-color:           $uba-white !default;
$list-group-active-bg:              $uba-blue !default;
$list-group-active-border-color:    $uba-blue-dark !default;

$list-group-disabled-color:         rgba($uba-gray, .5) !default;
$list-group-disabled-bg:            transparent !default;

$list-group-action-color:           $uba-gray !default;
$list-group-action-hover-color:     $uba-white !default;

$list-group-action-active-color:    $uba-white !default;
$list-group-action-active-bg:       $uba-blue !default;

//
// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.

$table-color:                 $uba-gray !default;
$table-accent-bg:             transparent;
$table-hover-color:           $uba-blue !default;
$table-hover-bg:              $uba-gray-light !default;
$table-active-bg:             $uba-gray-light !default;
$table-border-color:          rgba($uba-gray, .25) !default;
$table-head-bg:               $uba-gray-light !default;
$table-head-color:            $uba-gray-dark !default;

// Background color for Range input (conflicts with uba-gray-light)
$form-range-track-bg:         var(--bs-tertiary-bg) !default;