//
// variables.scss
//


@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

// Color variables

$primary:                   #506ee4;
$secondary:                 #f5f5f5;
$success:                   #2ddab5;
$info:                      #9ba7ca;
$warning:                   #ff9f43;
$danger:                    #ef4d56;
$dark:                      #1d1e3a;
$muted:                     #a4abc5;

//Custom
$custom:                    #506ee4;
$body-color:                #303e67;
//Overlay
$overlay:                   rgba(35, 37, 47, 0.7);
//Gray Color
$white:         #ffffff;
$gray-100:      #f8f8fc;
$gray-200:      #f1f5fa;
$gray-300:      #eaf0f9;
$gray-400:      #b6c2e4;
$gray-500:      #8997bd;
$gray-600:      #7081b9;
$gray-700:      #303e67;
$gray-800:      #435177;
$gray-900:      #000444;
$black:         #000000;

// Body Background
$body-bg:                   #fff;
$logo-bg:                   #fff;
$sidenav-bg:                #fff;

$nav-item-color:             #5a636f;
$nav-item-active-color:      #506ee4;
$nav-icon-color:             #5a636f;

//Shadow
$shadow:                      0 3px 12px rgba(0,0,0,.25);

$border:                          #e3ebf6;

// Base font
$font-size-base:              15px;

$font-family-base:            'Nunito', sans-serif;
$font-family-secondary:       'Roboto', sans-serif;