// Body
$body-bg: white;

// Typography
$font-family-sans-serif: "IBM Plex Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$font-size-base: 1rem;
$line-height-base: 1.6;

$link-color:                darken($primary, 15%);
$link-decoration:           none;
$link-hover-color:          darken($primary, 10%);
$link-hover-decoration:     underline;

$card-cap-bg: lighten($primary, 5);
$card-border-color: $primary;
//$card-border-width: 2px;
$card-border-radius: 5px;
$card-inner-border-radius: 2px;

$list-group-hover-bg: rgba($primary, .1);

$tooltip-max-width: 300px;
$tooltip-bg: darken($primary, 20%);
$tooltip-arrow-color: $tooltip-bg;

$pagination-padding-y-sm: dist(1);
$pagination-padding-x-sm: dist(3);

$navbar-bg: white;

$footer-separator-color: $gray-200;

$theme: light !default;
@if $theme == dark {
    // dark mode overrides

    $body-bg: $gray-900;
    $body-color: $gray-100;
    $text-muted: $gray-500;
    $link-color: lighten($primary, 15%);
    $link-hover-color: lighten($primary, 20%);

    $card-bg: $gray-800;
    $list-group-bg: $gray-800;
    $list-group-hover-bg: $gray-700;
    $list-group-disabled-color: $gray-400;
    $list-group-action-color: $gray-200;
    $list-group-action-hover-color: $gray-200;
    $list-group-action-active-bg: $gray-600;
    $list-group-action-active-color: $gray-100;

    $tooltip-color: rgba($white, 0.9);

    $navbar-bg: lighten($gray-900, 2%);
    $footer-separator-color: $gray-800;

    $close-color: $white;

    $input-bg: $gray-700;
    $input-color: $gray-200;
    $input-disabled-bg: $gray-900;
    $input-border-color: $gray-600;
    $input-focus-bg: $input-bg;
    $input-focus-color: $input-color;
    $input-group-addon-bg: $gray-800;
    $input-group-addon-color: $input-color;
    $input-group-addon-border-color: $input-border-color;

    $custom-select-color: $input-color;
    $custom-select-bg: $input-bg;
    $custom-select-disabled-bg: $input-disabled-bg;
    $custom-select-indicator-color: $gray-300;
    $custom-select-border-color: $input-border-color;
    $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23");

    $dropdown-bg: $gray-700;
    $dropdown-link-color: $gray-300;
    $dropdown-link-hover-color: lighten($gray-300, 5%);
    $dropdown-link-hover-bg: $gray-800;
    $dropdown-link-disabled-color: $gray-500;
    $dropdown-header-color: $gray-400;

    $border-color: $gray-600;
}