// user-variables.scss
// Use this to overwrite Bootstrap and Front variables
//


// Example of a variable override to change Front's primary color and font size
// Remove the "//" to comment it in and see it in action!
// $primary: $red;
$font-size-base: 1rem;

//$font-family-base: "Poppins", Helvetica, Arial, sans-serif !default
$font-family-base: "EB Garamond", serif, sans-serif !default;
$font-family-heading: "Playfair Display", super, serif, sans-serif !default;
$font-family-featured: "Helvetica Neue", sans-serif !default;

$body-background-url: "../../assets/wt_pinwheel-a15.png";
$body-background-position: 125%, 60%;
$body-background-attachment: fixed;
$body-background-repeat: no-repeat;

$translucent-background-color: rgba(256, 256, 256, 0.7);
$translucent-background-color-light: rgba(256, 256, 256, 0.5);

// Colors
$blue:                                                #2EBADF;
$purple:                                              #8B7BAA;
$pink:                                                #F26D64;
$green:                                               #95C341;
$orange:                                              #F78E1E;
$yellow:                                              #FFFF00;

$lightblue:                                           #AED8EC;
$lightpurple:                                         #DCC0DC;
$lightpink:                                           #F8ABA7;
$lightgreen:                                          #CBDBAB;
$lightorange:                                         #FAB585;
$lightyellow:                                         rgb(255, 255, 170);

$translucentblue:                                     rgba(174,216,236,0.5);
$translucentpurple:                                   rgba(220,192,220,0.5);
$translucentpink:                                     rgba(248,171,168,0.5);
$translucentgreen:                                    rgba(203,219,171,0.5);
$translucentorange:                                   rgba(250,181,133,0.5);
$translucentyellow:                                   rgba(250,255,170,0.25);

$wt-grey:                                           rgb(88,89,91);
$wt-translucentgrey:                                 rgba(88,89,91,0.5);


$white:                                                     #fff ;
$dark:                                                      $gray-900 ;
//$blue:                                                      #2EBADF ; // W&T blue
$teal:                                                      $purple; ; // W&T purple
$cyan:                                                      $green; ; // W&T green
//$yellow:                                                    #FFFF00 ; // W&T tellow
$red:                                                       $pink ; // W&T pink
$indigo:                                                    $orange ; // W&T orange
$navy:                                                      #21325b ;

$light-blue:                                                #AED8EC;
$light-purple:                                              #DCC0DC;
$light-pink:                                                #F8ABA7;
$light-green:                                               #CBDBAB;
$light-orange:                                              #FAB585;

//$body-color:    #996699;

// Theme Colors
$primary:                                                   $blue ;
$secondary:                                                 $gray-200 ;
$success:                                                   $teal ;
$info:                                                      $cyan ;
$warning:                                                   $yellow ;
$danger:                                                    $red ;

$nav-link-color:                                            $blue;
$nav-link-active-color:                                     $blue;
$nav-link-hover-color:                                      $teal;


// The color of the SVG loader should be modified manually.
// See assets/svg/components/circle-preloader.svg