//Main
$main-container-bg:#f4f7fa;
$main-container-gap:1.5rem;
$transition-time:0.2s;
$custom-gray:#a5a7b2;


//body
$body-color:#464d69;

$text-muted:#9e9e9e;

//typography
$heading-font-weight : 500;

//sidebar
$sidebar-width:250px;
$sidebar-bg-color: #2e3344;
$sidbar-menu-color: #fff;
$sidebar-menu-active-hover-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.09);
$sidebar-menu-active-hover-bg: rgba(0, 0, 0, 0.2);
$sidebar-user-dropdown-color:#000;
$sidebar-menu-font: 14px;
$compact-sidebar-width:65px;

//Main PreLoader
$pre-loader-bg:  rgba(46,51,68,1);
$pre-loader-color: #fff;

//app-card
$card-title-color:#464d69;
$card-title-font-size:1rem;
$card-title-font-weight:500;

$card-preloader-bg-color: rgba(255,255,255,0.7);
$card-preloader-color: #5d92f4;

$card-dropdown-bg:#ffffff;
$card-dropdown-color:#ffffff;
$card-dropdown-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),
0 8px 10px 1px rgba(0, 0, 0, .14),
0 3px 14px 2px rgba(0, 0, 0, .12);

//warning color
$warning-color: #ffb70f;

//Header
$app-toolbar-bg-color:#fff;
$app-toolbar-left-right-gap:$main-container-gap;
$app-toolbar-nav-color:#727891;
$app-toolbar-dropdown-shadow:0 3px 2px 0 rgba(0, 0, 0, .02);
$app-toolbar-dropdown-width:320px;
$app-toolbar-dropdown-color:#727891;
$app-toolbar-serach-active-bg:#f2f2f2;
$site-logo-border:rgba(255, 255, 2555, 0.08);


//Box Shadow
$mat-box-shadow:0 1px 15px 1px rgba(69, 65, 78, .08);

//BreadCrumb
$breadcrumb-bg-color:#fff;
$breadcrumb-font-size:1.4rem;
$breadcrumb-font-weight:500;
$breadcrumb-font-color:#464d69;

// eshop
$e-shop-border: #d6d7d9;
$e-shop-rating: #ffb70f;
$e-shop-rating-unfill: #fbae00;
$checkout-page-box-shadow: rgba(69, 65, 78, 0.08);
$box-shadow-dark: rgba(69, 65, 78, 0.2);

// User Profile
$small-color: $custom-gray;

//faq grid color
$faq-grid-color: #727891;