//
// Bootstrap variables (overrides)
// --------------------------------------------------


//
// Color system
//

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$primary: #2356d7 !default;
$secondary: #475569 !default;
$success: #139a52 !default;
$info: #1391aa !default;
$warning: #ea580c !default;
$danger: #d61f47 !default;
$light: #ebeef2 !default;
$dark: #334155 !default;

$theme-colors: (
  "primary": $primary,
  "secondary": $secondary,
  "success": $success,
  "info": $info,
  "warning": $warning,
  "danger": $danger,
  "light": $light,
  "dark": $dark,
) !default;


// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
$min-contrast-ratio: 3 !default;


// Options
//
// Quickly modify global styling by enabling or disabling optional features.

$enable-validation-icons: false !default;
$enable-negative-margins: true !default;
$enable-dark-mode: false !default;


// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.

$spacer: 1rem !default;
$spacers: (
  0: 0,
  1: $spacer * .25,
  2: $spacer * .5,
  3: $spacer,
  4: $spacer * 1.5,
  5: $spacer * 3,
  6: ($spacer * 4.5),
  7: ($spacer * 6),
  8: ($spacer * 9),
  9: ($spacer * 12),
  10: ($spacer * 18),
) !default;


// Body
//
// Settings for the `<body>` element.

$body-bg:                   $white !default;
$body-color:                $gray-900 !default;

$body-bg-dark:              darken($light, 4.5%) !default;
$body-color-dark:           shade-color($body-color, 8%) !default;


// Links
//
// Style anchor elements.

$link-color:                $primary !default;
$link-decoration:           none !default;
$link-hover-color:          darken($link-color, 20%) !default;
$link-hover-decoration:     none !default;


// Paragraphs
//
// Style p element.

$paragraph-margin-bottom:   1.875rem !default;


// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-gutter-width:           1.75rem !default;


// Components
//
// Define common padding and border radius sizes and more.

$border-color:                darken($light, 4%) !default;

$transition-fade:             opacity .25s ease-out !default;


// Fonts
//
// Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:      "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:            $font-family-sans-serif !default;

$font-size-root:              16px !default;
$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
$font-size-xs:                $font-size-base * .75 !default;
$font-size-sm:                $font-size-base * .875 !default;
$font-size-lg:                $font-size-base * 1.25 !default;

$font-weight-medium:          500 !default;
$font-weight-semibold:        600 !default;

$h1-font-size:                $font-size-base * 2.25 !default;
$h2-font-size:                $font-size-base * 1.875 !default;
$h3-font-size:                $font-size-base * 1.5 !default;
$h4-font-size:                $font-size-base * 1.25 !default;
$h5-font-size:                $font-size-base * 1.125 !default;
$h6-font-size:                $font-size-base !default;

$headings-margin-bottom:      ($spacer * 1.375) !default;
$headings-font-family:        null !default;
$headings-font-weight:        600 !default;
$headings-line-height:        1.25 !default;

$text-muted:                  $gray-600 !default;

$hr-opacity:                  .1 !default;


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

$table-cell-padding-y:        .75rem !default;
$table-cell-padding-x:        .75rem !default;

$table-color:                 $body-color !default;

$table-th-font-weight:        $font-weight-semibold !default;

$table-striped-bg:            lighten($light, 3.5%) !default;

$table-active-bg:             $light !default;

$table-hover-bg:              rgba($light, .75) !default;

$table-border-color:          $light !default;

$table-group-separator-color: $light !default;


// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

$input-btn-font-size-lg:      $font-size-base !default;


// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.

$btn-font-weight:             $font-weight-semibold !default;

$btn-hover-bg-shade-amount:       20% !default;
$btn-hover-bg-tint-amount:        20% !default;
$btn-hover-border-shade-amount:   25% !default;
$btn-hover-border-tint-amount:    15% !default;


// Forms

$form-text-margin-top:              .375rem !default;

$form-label-margin-bottom:          .375rem !default;
$form-label-font-weight:            $font-weight-medium !default;

$input-bg:                          $white !default;

$input-color:                       $body-color !default;
$input-border-color:                $border-color !default;

$input-group-addon-color:           $input-color !default;
$input-group-addon-bg:              $light !default;
$input-group-addon-border-color:    $input-border-color !default;

$form-feedback-font-size:           $font-size-sm !default;

$form-check-input-border:           1px solid darken($light, 10%) !default;

$form-switch-color:                 darken($light, 10%) !default;
$form-switch-width:                 2.5em !default;


// Navs

$nav-link-font-weight:              $font-weight-semibold !default;

$nav-tabs-border-color:             $border-color !default;
$nav-tabs-link-hover-border-color:  $border-color $border-color $border-color !default;
$nav-tabs-link-active-color:        $body-color !default;
$nav-tabs-link-active-bg:           $white !default;
$nav-tabs-link-active-border-color: $border-color $border-color $border-color !default;


// Dropdowns

$dropdown-min-width:                11.25rem !default;
$dropdown-border-color:             darken($light, 8%) !default;
$dropdown-divider-bg:               $border-color !default;
$dropdown-box-shadow:               0 .25rem 2rem rgba($black, .08) !default;

$dropdown-link-color:               $body-color !default;
$dropdown-link-hover-color:         $body-color !default;
$dropdown-link-hover-bg:            $light !default;

$dropdown-link-active-color:        $body-color !default;
$dropdown-link-active-bg:           darken($light, 4.5%) !default;

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


// Pagination

$pagination-color:                  $body-color !default;
$pagination-bg:                     transparent !default;
$pagination-border-width:           2px !default;
$pagination-margin-start:           .25rem !default;
$pagination-border-color:           transparent !default;

$pagination-focus-bg:               $light !default;
$pagination-focus-box-shadow:       none !default;

$pagination-hover-color:            $primary !default;
$pagination-hover-bg:               transparent !default;
$pagination-hover-border-color:     $primary !default;

$pagination-active-color:           $primary !default;
$pagination-active-bg:              lighten($light, 1.5%) !default;
$pagination-active-border-color:    $primary !default;

$pagination-disabled-color:         $gray-500 !default;
$pagination-disabled-bg:            $white !default;
$pagination-disabled-border-color:  $white !default;


// Cards

$card-spacer-y:                     1.25rem !default;
$card-spacer-x:                     1.25rem !default;
$card-title-spacer-y:               $card-spacer-y * .5 !default;
$card-border-color:                 darken($light, 4.5%) !default;
$card-border-radius:                0.3rem !default;
$card-cap-padding-y:                $card-spacer-y * .5 !default;
$card-cap-padding-x:                $card-spacer-x !default;
$card-cap-bg:                       lighten($light, 3.5%) !default;
$card-img-overlay-padding:          $card-spacer-y !default;
$card-group-margin:                 $card-spacer-y !default;


// Popovers

$popover-border-color:              $border-color !default;
$popover-box-shadow:                0 1rem 1.5rem rgba($black,.05) !default;

$popover-header-bg:                 $white !default;
$popover-header-padding-y:          .75rem !default;
$popover-header-padding-x:          .625rem !default;

$popover-body-padding-y:            .625rem !default;
$popover-body-padding-x:            .625rem !default;


// Badges

$badge-font-weight:                 $font-weight-semibold !default;


// Modals

$modal-content-border-width:        0 !default;
$modal-content-box-shadow-xs:       none !default;
$modal-content-box-shadow-sm-up:    none !default;

$modal-backdrop-opacity:            .5 !default;
$modal-header-border-color:         $border-color !default;
$modal-footer-border-color:         $border-color !default;


// Alerts

$alert-border-width:                0 !default;


// Progress bars

$progress-height:                   1.25rem !default;
$progress-font-size:                1rem !default;


// List group

$list-group-border-color:           $border-color !default;

$list-group-item-padding-y:         .75rem !default;
$list-group-item-padding-x:         1.25rem !default;

$list-group-hover-bg:               lighten($light, 1.5%) !default;

$list-group-action-color:           $body-color !default;
$list-group-action-hover-color:     $body-color !default;

$list-group-action-active-color:    $body-color !default;
$list-group-action-active-bg:       $border-color !default;



// Breadcrumbs
$breadcrumb-margin-bottom:          0 !default;
