$forevolve-green: #007f00;

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

$color-darker-percent-full: 20%;
$color-darker-percent-half: $color-darker-percent-full / 2;
$color-darker-percent-quarter: $color-darker-percent-half / 2;
$color-darker-percent-none: 0;

$blue:    lighten(#007bff, $color-darker-percent-half);
$indigo:  darken(#6610f2, $color-darker-percent-none);
$purple:  darken(#6f42c1, $color-darker-percent-none);
$pink:    darken(#e83e8c, $color-darker-percent-none);
$red:     darken(#dc3545, $color-darker-percent-none);
$orange:  darken(#fd7e14, $color-darker-percent-none);
$yellow:  lighten(#ffc107, $color-darker-percent-half);
$green:   darken(#28a745, $color-darker-percent-none);
$teal:    darken(#20c997, $color-darker-percent-none);
$cyan:    lighten(#17a2b8, $color-darker-percent-none);

$colors: map-merge(
  $colors,
  (
    "blue":       $blue,
    "indigo":     $indigo,
    "purple":     $purple,
    "pink":       $pink,
    "red":        $red,
    "orange":     $orange,
    "yellow":     $yellow,
    "green":      $green,
    "teal":       $teal,
    "cyan":       $cyan,
    "white":      $white,
    "gray":       $gray-600,
    "gray-dark":  $gray-800
  )
);

$primary:       $blue;
$secondary:     $gray-600;
$success:       $green;
$info:          $cyan;
$warning:       $orange;
$danger:        $red;
$light:         $gray-300;
$dark:          $gray-800;

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

//$body-bg:       $gray-900; //#1E1E1E;
$body-bg:     #191d21;
$body-color:  #d3d3d3; //$gray-200; //#D4D4D4;

$yiq-text-dark: $gray-800;
$yiq-text-light: $gray-200;

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


// Utilities (borders)
$border-color: $dark;

// Cards
$card-border-color:         rgba($white, .125);
$card-cap-bg:               rgba($white, .03);
// $card-color:                $gray-200;
$card-bg:                   $gray-900; //$body-bg ?

$nav-tabs-border-color:             rgba($white, .125);
$nav-tabs-link-hover-border-color:  $gray-700 $gray-700 $nav-tabs-border-color;
$nav-tabs-link-active-color:        $gray-100;
$nav-tabs-link-active-bg:           $body-bg;
$nav-tabs-link-active-border-color: $gray-700 $gray-700 $nav-tabs-link-active-bg;


$component-active-color:      $black;
$component-active-bg:         $primary;

// List group

$list-group-bg:                     rgba($body-bg, .05);
$list-group-border-color:           rgba($white, .125);

$list-group-hover-bg:               $gray-900;
$list-group-active-color:           $component-active-color;
$list-group-active-bg:              $component-active-bg;
$list-group-active-border-color:    $list-group-active-bg;

$list-group-disabled-color:         $gray-400;
$list-group-disabled-bg:            $list-group-bg;

$list-group-action-color:           $gray-300;
$list-group-action-hover-color:     $list-group-action-color;

$list-group-action-active-color:    $body-color;
$list-group-action-active-bg:       $gray-800;

// Forms
$input-bg:                              $black;
$input-disabled-bg:                     $gray-800;

$input-color:                           $gray-300;
$input-border-color:                    $gray-600;
$input-box-shadow:                      inset 0 1px 1px rgba($white, .075);

$input-focus-bg:                        $body-bg;
$input-focus-border-color:              lighten($component-active-bg, 25%);
$input-focus-color:                     $input-color;

$input-plaintext-color:                 $body-color;

$input-group-addon-color:               $input-color;
$input-group-addon-bg:                  $gray-800;
$input-group-addon-border-color:        $input-border-color;

$custom-select-color:               $input-color;
$custom-select-disabled-color:      $gray-400;
$custom-select-bg:                  $input-bg;
$custom-select-disabled-bg:         $gray-800;
$custom-select-indicator-color:     $gray-200;
$custom-select-box-shadow:          inset 0 1px 2px rgba($white, .075);
$custom-select-border-color:        $input-border-color;

// Modals
$modal-content-bg:              $body-bg;
$modal-content-border-color:    rgba($white, .2);
$modal-header-border-color:     $gray-800;
$modal-footer-border-color:     $modal-header-border-color;

$close-color:                   $white;
$close-text-shadow:             0 1px 0 $black;

// // Tables
// $table-bg:                    transparent;
// $table-accent-bg:             rgba($black, .05);
// $table-hover-bg:              rgba($black, .075);
// $table-active-bg:             $table-hover-bg;
$table-color:                 $body-color;
$table-border-color:          $border-color;
$table-hover-color:           $table-color;

// $table-head-bg:               $gray-200;
// $table-head-color:            $gray-700;

// $table-dark-bg:                 $gray-900;
// $table-dark-accent-bg:          rgba($white, .05);
// $table-dark-hover-bg:           rgba($white, .075);
// $table-dark-border-color:       lighten($gray-900, 7.5%);
// $table-dark-color:              $body-bg;
$table-dark-color:            $gray-300;

// $table-caption-color:         $text-muted;


// Jumbotron
$jumbotron-bg:                      $gray-800;

// HR
$hr-border-color:             rgba($white, .1);


// Toasts
//$toast-color:                       null;
$toast-background-color:            rgba($black, .85);
$toast-border-color:                rgba(255, 255, 255, .1);
$toast-box-shadow:                  0 .25rem .75rem rgba($white, .1);

$toast-header-color:                $gray-400;
$toast-header-background-color:     rgba($black, .85);
$toast-header-border-color:         rgba(255, 255, 255, .05);

// Dropdowns
//
$dropdown-color:                    $body-color;
$dropdown-bg:                       $black;
$dropdown-border-color:             rgba($white, .15);
$dropdown-divider-bg:               $gray-800;
$dropdown-box-shadow:               0 .5rem 1rem rgba($white, .175);

$dropdown-link-color:               $gray-100;
$dropdown-link-hover-color:         lighten($gray-100, 5%);
$dropdown-link-hover-bg:            $gray-900;

$dropdown-link-active-color:        $component-active-color;
$dropdown-link-active-bg:           $component-active-bg;

$dropdown-link-disabled-color:      $gray-400;

$dropdown-header-color:             $gray-400;

// Breadcrumbs
$breadcrumb-bg:                     $gray-800;
$breadcrumb-divider-color:          $gray-400;
$breadcrumb-active-color:           $gray-400;

// Pagination
$pagination-color:                  $link-color;
$pagination-bg:                     $black;
$pagination-border-color:           $gray-700;

$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;

$pagination-hover-color:            $link-hover-color;
$pagination-hover-bg:               $gray-800;
$pagination-hover-border-color:     $gray-700;

$pagination-active-color:           $component-active-color;
$pagination-active-bg:              $component-active-bg;
$pagination-active-border-color:    $pagination-active-bg;

$pagination-disabled-color:         $gray-400;
$pagination-disabled-bg:            $black;
$pagination-disabled-border-color:  $gray-700;

// Code
// $code-color:                        $pink;
$pre-color:                         $gray-100;
