colors.scss

// Default colors
@import './_constants.scss';

$black             : #000;
$darker-gray       : #5C5C5C;
$dark-gray         : #B3B3B3;
$regular-gray      : #CCC;
$light-gray        : #EEE;
$text-default      : #FFF;
$white             : #FFF;
$blue              : #101378;
$blue2             : #431f92;
$blue4             : #7EC8F8;
$blue6             : #1D1D86;
$blue7             : #3BC6FB;
$blue8             : #394ABC;
$blue9             : #4149E5;
$blue10            : #1D1D80;
$blue12            : #394AB5;
$blue13            : #52319A;
$lightblue         : #3BC6FB;
$lightblue2        : #F7FAFC;
$dark-blue         : #1C1342;
$teal              : #8CE2D4;
$pink              : #FF475D;
$pink2             : #b33046;
$purple            : #BC47BA;
$purple2           : #853183;
$purple4           : #C43496;
$dark-green        : #5fda68;
$light-green       : #3FE1D2;
$gray              : #b2b2b2;
$gray1             : #f1f1f1;
$gray2             : #ECEDF0;
$gray3             : #C2C2C2;
$gray4             : #F0F8F9;
$gray5             : #F8FCFD;
$gray6             : #CCD5D5;
$gray7             :	#808080;
$gray8             : #C8CED0;
$code_block_bg     : #F7FAFB;
$code_block_border : #E3EDF3;
$blog_head_color   : #3BC2F7;
$schneider_main    : #003546;
$water-green       : #00FFD1;
$red               : #FF475D;
$pattens-blue      : #F7FAFC;
$light-yellow      : #BFE634;

// shadows
$black-box-shaddow : rgba(0, 0, 0, 0.0922203);
$grey-box-shadow   : rgba(168, 172, 173, 1);
$card-shadow       : rgba(58, 98, 135, 0.1);

// Gradient backgrounds
$blue-gradient        : linear-gradient($gradient-deg1, $lightblue  $gradient-percent1, $light-green  $gradient-percent2);
$green-gradient       : linear-gradient($gradient-deg1, $dark-green $gradient-percent1, $light-yellow $gradient-percent2);
$pink-gradient        : linear-gradient($gradient-deg1, $pink       $gradient-percent1, $purple       $gradient-percent2);
$pink-gradient2       : linear-gradient($gradient-deg2, $purple     $gradient-percent3, $pink         $gradient-percent4);
$purple-gradient      : linear-gradient($gradient-deg1, $blue       $gradient-percent1, $purple       $gradient-percent2);
$dark-blue-gradient   : linear-gradient($gradient-deg1, $blue       $gradient-percent1, $blue2        $gradient-percent2);
$blue-purple-gradient : linear-gradient($gradient-deg2, $blue2      $gradient-percent5, $purple       $gradient-percent4);
$blue-gradient2       : linear-gradient($gradient-deg3, $blue       $gradient-percent1, $blue13       $gradient-percent6);