
$border-radius: 6px;
$border-radius-lg: 6px;

$body-bg: #0c0d16;
$body-color: #e4e2ff;

$font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; //BS

$dark: #32334a;
$black: #000;

$primary: #714cdf;
$secondary: #16a4de;
$success: #17b06b;
$info: #2983fe;
$warning: #f97515;
$danger: #ff3c5c;
$light: #dbebfb;
$dark: $dark;

$display1-size: 4.5rem !default;
$display2-size: 3.5rem !default;
$display3-size: 2.5rem !default;
$display4-size: 2rem !default;

$card-cap-bg: #1e2037;
$card-bg: #32334a;
$card-border-color: #151623;

// Darkening Bootstrap's grayscale considerably
$white:    #fff !default;
$gray-100: #2d2e3f !default;
$gray-200: #282a38 !default;
$gray-300: #28293e !default;
$gray-400: #28293e !default;
$gray-500: #1c1d2c !default;
$gray-600: #1d1e2f !default;
$gray-700: #151623 !default;
$gray-800: #11111d !default;
$gray-900: #0a0b14 !default;
$black:  #000 !default;

$custom-control-indicator-bg:        $gray-700;
$nav-tabs-border-color:                        $gray-700;
$nav-tabs-link-active-border-color:           $gray-700;
$pagination-border-color:              $gray-700;
$pagination-hover-border-color:       $gray-700;
$pagination-disabled-border-color:     $gray-700;
$thumbnail-border-color:      $gray-700;

/* List of color variables that arent in theme colors */

//<editor-fold desc="Direct # colors">
//$mark-bg: #fcf8e3 !default;
//$custom-control-indicator-bg:         #ddd !default;
//$custom-select-indicator-color: #333 !default;
//$nav-tabs-border-color:                       #ddd !default;
//$nav-tabs-link-active-border-color:           #ddd !default;
//$pagination-border-color:              #ddd !default;
//$pagination-hover-border-color:        #ddd !default;
//$pagination-disabled-border-color:     #ddd !default;
//$thumbnail-border-color:      #ddd !default;
$code-color:                  #2983fe !default;
//</editor-fold>

//<editor-fold desc="White">
$component-active-color: $dark !default;
$table-dark-accent-bg:       rgba($dark, .05) !default;
$table-dark-hover-bg:        rgba($dark, .075) !default;
$btn-box-shadow:                 inset 0 1px 0 rgba($dark, .15), 0 1px 1px rgba($black, .075) !default;
$input-bg:                       $gray-400 !default;
$custom-control-indicator-checked-color:      $dark !default;
$custom-control-indicator-active-color:      $dark !default;
$custom-select-bg:            $dark !default;
$custom-file-focus-box-shadow: 0 0 0 .075rem $dark, 0 0 0 .2rem theme-color('primary') !default;
$dropdown-bg:                    $dark !default;
$navbar-dark-color:                 #fff !default;
$navbar-dark-hover-color:           #fff !default;
$navbar-dark-active-color:          #fff !default;
$navbar-dark-disabled-color:        #fff !default;
$navbar-dark-toggler-border-color:  #fff !default;
$pagination-bg:                        $dark !default;
$pagination-active-color:              $white !default;
$pagination-disabled-bg:               $dark !default;
$card-bg:                  $dark !default;
$tooltip-color:               $body-color !default;
$popover-bg:                          $dark !default;
$modal-content-bg:               $dark !default;
$progress-bar-color:            $dark !default;
$list-group-bg:                  $dark !default;
$carousel-control-color:                      $dark !default;
$carousel-indicator-active-bg:                $dark !default;
$carousel-caption-color:                      $dark !default;
$close-text-shadow:           0 1px 0 $dark !default;
$kbd-color:                   $dark !default;
//</editor-fold>

//black
//<editor-fold desc="black">
//$hr-border-color: rgba($black,.1) !default;
//$kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
//$table-accent-bg:               rgba($black,.05) !default;
//$table-hover-bg:                rgba($black,.075) !default;
//$btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
//$btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;
$input-border-color:             $gray-800;
//$input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;
//$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
////$custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
//$dropdown-border-color:          rgba($black,.15) !default;
//$dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;
//$navbar-light-color:                rgba($black,.5) !default;
//$navbar-light-hover-color:          rgba($black,.7) !default;
//$navbar-light-active-color:         rgba($black,.9) !default;
//$navbar-light-disabled-color:       rgba($black,.3) !default;
//$navbar-light-toggler-border-color: rgba($black,.1) !default;
//$card-border-color:        rgba($black,.125) !default;
//$card-cap-bg:              rgba($black, .03) !default;
//$tooltip-bg:                  $black !default;
//$popover-border-color:                rgba($black,.2) !default;
//$popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;
//$modal-content-border-color:     rgba($black,.2) !default;
//$modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
//$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;
//$modal-backdrop-bg:           $black !default;
//$progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
//$list-group-border-color:        rgba($black,.125) !default;
//$thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
//$close-color:                 $black !default;
//</editor-fold>

//<editor-fold desc="grays">
//$body-color:    $gray-900 !default;
//$border-color: $gray-200 !default;
$text-muted: #81839a !default;
$blockquote-small-color:  $text-muted !default;
//$table-border-color:            $gray-200 !default;
//$table-head-bg:                 $gray-200 !default;
//$table-head-color:              $gray-700 !default;
//$table-dark-bg:              $gray-900 !default;
//$table-dark-border-color:    lighten($gray-900, 7.5%) !default;
//$btn-link-disabled-color:        $gray-600 !default;
//$input-disabled-bg:              $gray-200 !default;
$input-color: #adabc6 !default;
$input-placeholder-color: #a19fb9 !default;
//$input-group-addon-bg:           $gray-200 !default;
//$custom-control-indicator-disabled-bg:       $gray-200 !default;
//$custom-control-description-disabled-color:  $gray-600 !default;
//$custom-select-disabled-color:      $gray-600 !default;
//$custom-select-disabled-bg:   $gray-200 !default;
//$dropdown-divider-bg:            $gray-200 !default;
//$dropdown-link-color:            $gray-900 !default;
//$dropdown-link-hover-color:      darken($gray-900, 5%) !default;
//$dropdown-link-hover-bg:         $gray-100 !default;
//$dropdown-link-disabled-color:   $gray-600 !default;
//$dropdown-header-color:          $gray-600 !default;
//$nav-link-disabled-color:       $gray-600 !default;
//$nav-tabs-link-hover-border-color:            $gray-200 !default;
$nav-tabs-link-active-color:                  $body-color !default;
//$pagination-hover-bg:                  $gray-200 !default;
$pagination-disabled-color:            $gray-800 !default;
//$jumbotron-bg:                   $gray-200 !default;
//$modal-header-border-color:   $gray-200 !default;
//$progress-bg:                   $gray-200 !default;
$list-group-hover-bg:                 $gray-100 !default;
//$list-group-disabled-color:      $gray-600 !default;
$list-group-action-color:             $body-color !default;
//$list-group-action-active-bg:         fuchsia !default;
//$figure-caption-color:     $gray-600 !default;
//$breadcrumb-bg:                 $gray-200 !default;
//$breadcrumb-divider-color:      $gray-600 !default;
//$breadcrumb-active-color:       $gray-600 !default;
//$code-bg:                     $gray-100 !default;
//$kbd-bg:                      $gray-900 !default;
//$pre-color:                   $gray-900 !default;
//</editor-fold>

//<editor-fold desc="body-bg">
$table-dark-color:           $body-color;
//$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;
//$nav-tabs-link-active-bg:                     $body-bg !default;
//$thumbnail-bg:                $body-bg !default;
//</editor-fold>

