// Variables
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.


//
// Color system
//

// stylelint-disable
$white:    #212121 !default;
$gray-100: #121212 !default;
$gray-200: #393939 !default;
$gray-300: #5B5B5B !default;
$gray-400: #727272 !default;
$gray-500: #828282 !default;
$gray-600: #A2A2A2 !default;
$gray-700: #CBCBCB !default;
$gray-800: #c8c8c8 !default;
$gray-900: #EDEDED !default;
$black:    #fff !default;

$grays: () !default;
$grays: map-merge((
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
), $grays);

$blue-900:    #032574 !default;
$blue-800:    #00309F !default;
$blue-700:    #0642CD !default;
$blue-600:    #406CD2 !default;
$blue-500:    #6E8EDA !default;
$blue-400:    #94ADE7 !default;
$blue-300:    #BACDF7 !default;
$blue-200:    #D4DEF8 !default;
$blue-100:    #F0F4FE !default;

$red-900:       #8F0043 !default;
$red-800:       #AB003B !default;
$red-700:       #E11027 !default;
$red-600:       #F01E1E !default;
$red-500:       #F55D68 !default;
$red-400:       #f66671 !default;
$red-300:       #f89299 !default;
$red-200:       #fbbdc2 !default;
$red-100:       #fee9eb !default;

$yellow-900:    #A57903 !default;
$yellow-800:    #E5A802 !default;
$yellow-700:    #FFC015 !default;
$yellow-600:    #ffc62c !default;
$yellow-500:    #ffcd44 !default;
$yellow-400:    #ffd973 !default;
$yellow-300:    #ffe6a1 !default;
$yellow-200:    #fff2d0 !default;
$yellow-100:    #fff9e8 !default;

$orange-900:    #FB6C02 !default;

$green-900:     #006138 !default;
$green-800:     #089358 !default;
$green-700:     #10C277 !default;
$green-600:     #39D593 !default;
$green-500:     #70daad !default;
$green-400:     #9fe7c9 !default;
$green-300:     #b7edd6 !default;
$green-200:     #cff3e4 !default;
$green-100:     #e7f9f1 !default;

$purple-900:    #54428E !default;
$purple-800:    #7A68B6 !default;
$purple-500:    #D0C6F0 !default;
$purple-200:    #EEE9FF !default;

$colors: () !default;

$primary:       $blue-700 !default;
$secondary:     $white !default;
$success:       $green-700 !default;
$info:          $blue-100 !default;
$warning:       $yellow-400 !default;
$danger:        $red-600 !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

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

$border-color:                #3d3d3d !default;

// Set a specific jump point for requesting color jumps
$theme-color-interval:      8% !default;

// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 150 !default;

// Customize the light and dark text colors for use in our YIQ color contrast function.
$yiq-text-dark: $gray-900 !default;
$yiq-text-light: $white !default;


// Presets
$theme-color-1:    #4B0BAC !default;
$theme-color-2:    #5C18C3 !default;
$theme-color-3:    #7D34EB !default;
$theme-color-4:    #8C45F8 !default;
$theme-color-5:    #9D5DFF !default;
$theme-color-6:    #B381FF !default;
$theme-color-7:    #C8A4FF !default;
$theme-color-8:    #DAC2FF !default;
$theme-color-9:    #EBDEFF !default;

$body-bg:                   $white !default;
$body-color:                $gray-900 !default;
$body-color-secondary:      $gray-800 !default;
$body-color-light:          $gray-500 !default;

// Links
//
// Style anchor elements.

$link-color:                $theme-color-3 !default;
$link-decoration:           none !default;
$link-hover-color:          #B381FF !default;
$link-hover-decoration:     underline !default;

// Dropdowns
$dropdown-bg:                       #212121 !default;
$dropdown-shadow:                   #000 !default;
$dropdown-text:                     #fff !default;
$dropdown-divider-bg:               #282828 !default;
$dropdown-box-shadow:               #000 !default;
$dropdown-link-color:               #fff !default;
$dropdown-link-hover-color:         $theme-color-6 !default;
$dropdown-link-hover-bg:            $theme-color-1 !default;
$dropdown-link-active-color:        $theme-color-6!default;
$dropdown-link-active-bg:           $theme-color-1 !default;
$dropdown-link-disabled-color:      $gray-600 !default;
$dropdown-header-color:             #828282 !default;


// Top Bar
$top-bar-bg:                       $body-bg !default;
$top-bar-bg-secondary:             $gray-100 !default;
$top-bar-bg-secondary-text:        $gray-700 !default;
$top-bar-border:                   $border-color !default;
$top-bar-link:                     $body-color-light !default;
$top-bar-link-hover:               $link-color !default;
$top-bar-link-hover-bg:            $gray-100 !default;
$top-bar-icons:                    $body-color-light !default;
$top-bar-icons-bg-hover:           $gray-100 !default;
$top-bar-text:                     $body-color-secondary !default;

// Dropdowns light
$dropdown-light-bg:                       lighten($top-bar-bg, 5) !default;
$dropdown-light-bg-secondary:             $gray-100 !default;
$dropdown-light-text:                     $top-bar-text !default;
$dropdown-light-box-shadow:               0px 15px 51px 0px rgba(#000, 0.21) !default;
$dropdown-light-link-color:               $top-bar-link!default;
$dropdown-light-link-hover-color:         $top-bar-link-hover !default;
$dropdown-light-link-hover-bg:            $top-bar-link-hover-bg !default;
$dropdown-light-link-disabled-color:      $gray-300 !default;
$dropdown-light-header-color:             $top-bar-text !default;
$dropdown-light-border:                   $top-bar-border!default;


//Buttons
$btn-primary-bg:                    $theme-color-3!default;
$btn-primary-bg-hover:              $theme-color-2!default;
$btn-primary-border:                $theme-color-3!default;
$btn-primary-border-hover:          $theme-color-2!default;
$btn-primary-text:                  #ffffff!default;
$btn-primary-text-hover:            #ffffff!default;
$btn-primary-shadow:              rgba(7,66,205,.3)!default;

$btn-secondary-bg:                #212121!default;
$btn-secondary-bg-hover:          #212121!default;
$btn-secondary-border:            #3f3f3f!default;
$btn-secondary-border-hover:      #5c5c5c!default;
$btn-secondary-text:              #fff!default;
$btn-secondary-text-hover:        #fff!default;
$btn-secondary-shadow:            rgba(0,0,0,.05)!default;

$btn-reset-bg: $red-600!default;
$btn-reset-bg-hover: $red-700!default;
$btn-reset-border: $red-600!default;
$btn-reset-border-hover: $red-700!default;
$btn-reset-text: #ffffff!default;
$btn-reset-text-hover: #ffffff!default;
$btn-reset-shadow: $red-700!default;

$btn-special-bg: $purple-900!default;
$btn-special-bg-hover: $purple-800!default;
$btn-special-border: $purple-900!default;
$btn-special-border-hover: $purple-800!default;
$btn-special-text: #ffffff!default;
$btn-special-text-hover: #ffffff!default;
$btn-special-shadow: $purple-900!default;

//Pagination
$pagination-color:                  $btn-secondary-text!default;
$pagination-bg:                     $btn-secondary-bg !default;
$pagination-border-color:           $btn-secondary-border !default;
$pagination-hover-color:            $btn-secondary-bg-hover !default;
$pagination-hover-bg:               $btn-secondary-bg-hover !default;
$pagination-hover-border-color:     $btn-secondary-text-hover !default;
$pagination-active-color:           $btn-primary-text !default;
$pagination-active-bg:              $btn-primary-bg !default;
$pagination-active-border-color:    $btn-primary-bg !default;
$pagination-disabled-color:         $gray-300 !default;
$pagination-disabled-bg:            $gray-100 !default;
$pagination-disabled-border-color:  $gray-100 !default;


//Drawer
$drawer-nav-item-icon-opacity: 0.9 !default;
$drawer-bg: #161616 !default;
$drawer-nav-box-bg: #000000 !default;
$drawer-nav-box-shadow: #000000 !default;
$drawer-nav-item-active: #161616 !default;
$drawer-nav-item-hover: #5F78FB !default;
$drawer-nav-item-text-color: #939393 !default;
$drawer-nav-item-text-color-active: #ffffff!default;
$drawer-nav-item-text-color-hover: #ffffff !default;
$drawer-nav-item-icon: #ffffff !default;
$drawer-nav-item-icon-hover: #ffffff !default;
$drawer-nav-item-icon-active: #ffffff !default;
$drawer-heading: #5f5f5f !default;
$drawer-text: #939393 !default;
$drawer-hr: #282828 !default;
$drawer-link: #939393 !default;
$drawer-link-hover: #5F78FB !default;
$drawer-link-hover-bg: $drawer-nav-box-bg !default;

//Footer
$footer-bg: $body-bg!default;
$footer-text-color: $body-color!default;
$footer-navigation-heading: $body-color!default;
$footer-navigation-border: $border-color!default;
$footer-navigation-link-color: $body-color-secondary!default;
$footer-navigation-link-color-hover: $link-color!default;


//Hero
$hero-gradient-1: $white!default;
$hero-gradient-2: $gray-400!default;
$hero-color: $white!default;