// Color system

$white:    #fff;
$gray-100: #f6f9fc;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #8898aa;   // Line footer color
$gray-700: #525f7f;   // Line p color
$gray-800: #32325d;   // Line heading color
$gray-900: #212529;
$black:    #000;

$blue:    #5e72e4;
$indigo:  #5603ad;
$purple:  #8965e0;
$pink:    #f3a4b5;
$red:     #f5365c;
$orange:  #fb6340;
$yellow:  #ffd600;
$green:   #2dce89;
$teal:    #11cdef;
$cyan:    #2bffc6;


// Options

$enable-shadows:                              true;  /// Adjust


// Components

$border-radius:               .25rem;  /// Adjust
$border-radius-xl:            .35rem;  /// New
$border-radius-lg:            .3rem;  /// Adjust
$border-radius-sm:            .2rem;  /// Adjust

$box-shadow:                  0 .5rem 1rem rgba($black, .15);
$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);
$box-shadow-lg:               0 1rem 3rem rgba($black, .175);

$transition-base:             all .15s ease;  /// Adjust


// Buttons

$btn-text-transform:          none;  /// New
$btn-letter-spacing:          .025em;  /// New
$btn-hover-box-shadow:        0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
$btn-focus-box-shadow:        $btn-hover-box-shadow;


/// Cards

$card-spacer-y:                     1.25rem;  /// Adjust
$card-spacer-x:                     1.5rem;  /// Adjust

$card-box-shadow:                   $box-shadow;  /// New