////////////////////////////
// Config
////////////////////////////
$pathImg: "../../Content/images/";
$pathImgIcons: "#{$pathImg}";
$pathImgCommon: "#{$pathImg}";
$pathImgLogos: "#{$pathImg}";

////////////////////////////
// General
////////////////////////////

// Color
$black: #333333;
$pitch-black: #000;
$white-smoke: #f4f4f4; //formerly $white-smoke
$red: #de2c26;
$salmon: #ffb8af;
$lemonade: #fffbfb;
$blue: #00aaee;
$dark-blue: #2366b4;
$gray: #999999;
$alt-gray: #dedede; //to be remove
$alt-gray-2: #666666;
$alt-gray-3: #f1f1f1;
$pale-gray: #f2f2f2;
$fog-gray: #eaeaea;
$pearl-river: #d7d7d7;
$harbor-gray: #cccccc;
$dark-gray: #252927;
$pumpkin: #ff7a4b;
$green: #4c8d31;
$light-green: #a5ce92;

// Body
$body-bg-color: #f4f7fb;
$body-color: $black;
$body-font-size: 16px;
$body-font-size--mobile: 16px;

// Border
$border-color: $pearl-river;
$border: 1px solid $border-color;

// Gutter
$gutter: 10px;
$gutter-percent--lg: 10%;

////////////////////////////
// Components
////////////////////////////

// Article / Comment Actions
$svg-height: 20px;

// Banner
$banner-breakpoint-desktop: "md";

// Card
$card-breakpoint-desktop: "sm";
$card-container: 315px;
$card-img-holder: 186px;
$card-space: 15px;
$card-title-font-size: 16px;
$card-price-font-size: 20px;
$card-price-font-weight: 600;
$card-details-space: 20px;
$card-border: $border-color;
$card-cp-action-img-height: 17px;
$card-cp-listview-height: 160px;
$card-cp-listview-image-holder-width: $card-cp-listview-height;
$card-cp-listview-image-holder-width-desktop: 225px;
$card-cp-listview-details-width: 150px;

// Checkbox
$checkbox-label-font-size: 16px;
$checkbox-size: 15px;

// Colorpicker
$colorpicker-size: 25px;
$colorpicker-vertical-size: 20px;

// Form
$form-input-error-border-color: $salmon;
$form-input-error-bg-color: $lemonade;
$form-input-disabled-border-color: $pearl-river;
$form-input-disabled-color: $form-input-disabled-border-color;

// Header
$header-height: 54px;
$header-gap: calc(100% - 50px);
$header-indicator-width: 12px;
$header-breakpoint-mobile: "md";

// Pagination
$pagination-font-size: 16px;
$pagination-active-bg: #999999;

// Section
$section-font-size: 20px;
$section-font-size-desktop: 26px;

// Toggling Container
$toggling-container-breakpoint-desktop: "sm";

// Utilities
$spacing: 30px;
$spacing-sm: 5px;
