// Meta

$enable-shadows:            true !default;

$glyphicons-halflings-include-bonus: false !default;
$glyphicons-halflings-class-prefix: glyphicon !default;
$glyphicons-halflings-font-base-size: 14px !default;

$glyphicons-halflings-font-path: '../fonts/glyphicons' !default;
$fa-font-path: '../fonts/font-awesome' !default;

// Helper //
$helper-width: 300px;
$sidebar-width-open: 230px;

/*
 * Fonts
 * ======================================================================== */
$font-size-initial:       14px; // reset default browser value from 16px to 14px
$font-size-base:          1rem !default;
$font-size-lg:            1.25rem !default;
$font-size-sm:            0.875rem !default;
$font-size-larger:        1.1rem;
$font-size-mini:          0.9rem;
$font-size-index:         0.7rem;

$font-family-base: 'Montserrat', sans-serif;

// Color system
//

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #595D78 !default;
$gray-400: #c1ccd3 !default;
$gray-500: #a3aeb7 !default;
$gray-600: #798892 !default;
$gray-700: #636c72 !default;
$gray-800: #3c484f !default;
$gray-900: #29323a !default;
$black:    #000 !default;
$gray-light: $gray-100 !default;

$lime:       #8cbf26 !default;
$red:        #c93c3c !default;
$red-dark:   #d04f4f !default;
$blue:       #3979f6 !default;
$green:      #47822B !default;
$orange:     #da9734 !default;
$pink:       #e671b8 !default;
$purple:     #a700ae !default;
$brown:      #a05000 !default;
$teal:       #6291e3 !default;
$subtle-blue:#474D84 !default;
$gray:       #595D78 !default;
$inverse:    #30314E !default;
$violet_deep:#1B1E3C !default;
$icon-blue:  #3979F6 !default;
$main-gray:  #C1C3CF !default;
$header-gray: #51536C !default;
$dark:     #040620 !default;
$violet:   #333867 !default;
$default:  #474D84 !default;
$secondary: #f4f4f5 !default;

$theme-colors: (
  "primary": $blue,
  "secondary": $secondary,
  "success": $green,
  "info": $teal,
  "warning": $orange,
  "danger": $red,
  "dark": $gray-700,
  "inverse": $inverse,
  "gray": $gray,
  "dark-main": $dark,
  "light": $gray-100,
  "default": $subtle-blue,
  "primary-light": #dee4ee,
  "success-light": #ecfaec,
  "info-light": #f2fafa,
  "warning-light": #fdf7e6,
  "danger-light": #fff2ef,
);

$link-color: $blue;

$header-color: rgba(#F4F4F5, .9) !default;
$text-color: rgba(#F4F4F5, .6) !default;
$body-color: $text-color;
$border-color: $dark !default;
$text-muted: rgba($text-color, .7) !default;

$font-weight-bold: 700 !default;
$font-weight-semi-bold: 600 !default;
$font-weight-normal: 400 !default;
$font-weight-thin: 300 !default;
$font-weight-base: $font-weight-thin !default;

$addition-bg: rgba($dark, .24) !default;

$body-bg: $violet !default;
$body-bg-gradient-start: $violet;
$body-bg-gradient-end: #17193B;
$body-bg-light: tint-color($body-bg, 3%);
$default-bg: linear-gradient(136.36deg, #333964 4.86%, #171A39 94.85%);

$headings-font-weight: 300;


//== Components
//

$grid-gutter-width: 40px;

$content-padding: 2.85rem;

$nav-link-padding: 10px;

$border-radius:          0.3rem !default;
$border-radius-lg:       0.35rem !default;
$border-radius-sm:       0.25rem !default;

//== Sidebar
//

$sidebar-width: 200px;
$sidebar-transition-time: 0.3s !default;

$sidebar-color: $text-color !default;

$sidebar-item-border-color: transparent !default;
$sidebar-item-active-color: #fff !default;


// Widgets
// -------------------------
$widget-bg: rgba(0,0,0,.24);
$widget-title-color: #fff;
$widget-shadow: 0 23px 20px -20px rgba(darken($body-bg, 25%),0.1), 0 0 15px rgba(darken($body-bg, 25%),0.06);
$widget-shadow-designated: -1px 0 8px rgba(0,0,0,.2);
$widget-border-radius: 10px;
$widget-padding-vertical: 1rem !default;
$widget-padding-horizontal: 1.5rem !default;

$text-transparent: opacify($widget-bg, .07);

$input-btn-line-height: 1.5;

$input-btn-padding-y-sm: 0.4rem;
$input-btn-padding-x-sm: 0.8rem;

$toast-background-color: $body-bg;
$b-toast-background-opacity: 0.85 !default;

//== Navbar
//

$navbar-height:  60px !default;
$navbar-padding-y: 0 !default;
$navbar-padding-x: 0 !default;
$navbar-light-hover-color: #fff;
$navbar-light-active-color: $navbar-light-hover-color;

// Custom navbar links
$navbar-link-color: $text-transparent !default;
$navbar-link-hover-color: $gray-800 !default;
$navbar-link-hover-bg: transparent !default;
$navbar-link-active-color: $gray-700 !default;
$navbar-link-active-bg: $gray-300 !default;
$navbar-link-disabled-color: $gray-400 !default;
$navbar-link-disabled-bg: transparent !default;

// Dropdowns
$dropdown-item-padding-y: 0.5rem;
$dropdown-link-color: $text-color;
$dropdown-border-radius: $widget-border-radius;
$dropdown-divider-bg: $text-color;
$dropdown-bg: rgba(0, 0, 0, .8);
$dropdown-link-hover-bg: $text-color;

//== Navs
//
$nav-tabs-active-link-hover-bg: $widget-bg !default;
$nav-tabs-active-link-hover-color: $text-color !default;

$nav-pills-link-active-color: transparentize($text-color, .7);
$nav-pills-link-active-color: $text-color;
$nav-pills-link-active-bg: $widget-bg;

//== Forms
//
$input-focus-border-color: #4d90fe !default; //webkit focus color
$input-bg: $dark !default;
$input-border-width: 0 !default;
$input-group-addon-bg: $default !default;

//*  Popover  */
$popover-bg: #ebeff1 !default;
$popover-arrow-outer-color: $popover-bg !default;
$popover-arrow-color: $popover-bg !default;

// Badge
$badge-font-weight: 700;
$badge-font-size: 0.875em;
$badge-padding-y: 0.4em;
$badge-padding-x: 0.4em;

// Jumbotron
$jumbotron-bg: $widget-bg;

// Breadcrumbs

$breadcrumb-divider: '>';
$breadcrumb-padding-y: 0;
$breadcrumb-bg: transparent;
$breadcrumb-divider-color:          $text-muted !default;
$breadcrumb-active-color:           $text-color !default;

// Progress bars
$progress-height: 0.65rem !default;
$progress-box-shadow: none;

// Alerts
$alert-transparent: 0.25;

// Buttons
$input-btn-padding-y:       0.5rem !default;
$input-btn-padding-x:       .75rem !default;

$btn-default-bg: $addition-bg !default;
$btn-default-border: $addition-bg !default;

// Table
$table-border-width: 1px;


// Pagination
$pagination-color:                     $text-color !default;
$pagination-bg:                        $addition-bg !default;
$pagination-border:                    transparent !default;

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

$pagination-active-color:              $text-color !default;
$pagination-active-bg:                 transparent !default;
$pagination-active-border:             transparent !default;
$pagination-active-border-color:       transparent !default;

$pagination-disabled-color:            $text-muted !default;
$pagination-disabled-bg:               transparent !default;
$pagination-disabled-border:           transparent !default;

// == Components
$padding-small-vertical:    0.25rem !default;
$padding-small-horizontal:  0.75rem !default;

// == Cards
$card-cap-bg:               transparent;
$card-bg:                   $widget-bg;
$card-border-width:         0;

// == Modals

//$modal-content-color: $gray-700;
$modal-content-bg: darken($default, 20%) !default;
$close-color: $text-color !default;

// == Code
$pre-color: $text-color !default;
$pre-bg: $dark !default;
$pre-border: transparent !default;

// == Location Selector
$location-selector-bg: $dark !default;
$location-selector-border: transparent !default;
$location-selector-bit-bg: rgba(255, 255, 255, 0.2) !default;

// Screens
// -------------------------

$screen-lg-height: 670px !default;


// Bootstrap 4 variables //
$emphasized-link-hover-darken-percentage: 15% !default;

$custom-control-indicator-size: 1rem !default;
$custom-control-indicator-bg-size: 50% 50%;
$custom-control-gutter: .5rem !default;
$custom-radio-indicator-border-radius: 50% !default;
$custom-control-indicator-border-width: 1px !default;

$input-line-height-lg: 1.5;
$input-line-height-sm: 1.5;

$form-check-input-gutter:               1.25rem !default;
$form-check-input-margin-y:             .3rem !default;
$form-check-input-margin-x:             .25rem !default;

$table-cell-padding:          .75rem !default;
$table-cell-padding-sm:       .3rem !default;

$table-dark-color:            $white !default;
$table-dark-bg:               $gray-800 !default;
$table-dark-accent-bg:        rgba($white, .05) !default;
$table-dark-hover-color:      $table-dark-color !default;
$table-dark-hover-bg:         rgba($white, .075) !default;
$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;

$alert-bg-level:                    -10 !default;
$alert-border-level:                -9 !default;
$alert-color-level:                 6 !default;

$blockquote-small-color: $gray-600 !default;

$enable-pointer-cursor-for-buttons:           true !default;

$theme-color-interval: 8%;

$hr-border-color:             rgba($black, .1) !default;
$hr-border-width:             1px !default;