$gray-dark: #333333;
$gray-light: #b3b3b3;
$gray-xlight: #e6e6e6;
$gray: #919191;
$green-dark: #557c40;
$green-light: #e6efdf;
$green: #9ecf87;
$red-light: #fae1db;
$red: #eb8772;
$yellow-light: #fdf4da;
$yellow: #ebbe55;

$primary-color: $red;
$secondary-color: $yellow;


/// Typo
$font-family: Manrope, sans-serif;
$link-color: $primary-color;
$link-decoration: none;
$link-hover-decoration: underline;

$base-font: 16;
$fz-1: 2.5rem;
$fz-2: 2rem;
$fz-3: 1.6rem;
$fz-4: 1.3rem;
$fz-5: 1.1rem;
$fz-small: 14em / $base-font;
$fz-xsmall: 11em / $base-font;
$font-size: 1rem;

// General
$width: 1280px;
$mobile-limit: 800px;
$border-radius: 5px;
$notification_error_color: $red-light;
$notification_warning_color: #e5e5e5;
$notification_success_color: $green-light;
$notification_info_color: $yellow-light;
$notification-icon-size: 2rem;
$sidebar-columns-gutter: 50px;
$back-top-display: block;
$back-top-icon-character: "\f062";

$transition: 0.2s;

// Header
$header-logo-size: 187px 47px;
$header-height: 100px;
$toplinks-style: none;
$sidebar-width: 26%;
$nav-after-image: false;

$nav-border-color: transparent;
$nav-button-background: transparent;
$nav-button-bar-height: 4px;
$nav-button-color: $primary-color;
$nav-color: $gray-dark;
$nav-item-hover-background: transparent;
$nav-item-hover-border: $primary-color 4px solid;
$nav-item-hover-color: #333333;
$nav-item-selected-border: $primary-color 4px solid;
$nav-item-selected-color: #333333;
$nav-item-selected-mode: bottom-border;
$nav-mobile-bottom-bar-item-hover-color: black;
$nav-mobile-bottom-bar-item-selected-background: $primary-color;
$nav-mobile-bottom-bar-item-selected-color: black;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-color: $gray-dark;
$nav-mobile-menu-item-hover-color: $gray-dark;
$nav-submenu-color: $gray-dark;
$responsive-menu: left-to-right;

// Title
$title-padding: 0;
$title-color: black;
$title-font-size: $fz-4;
$title-font-family: 'Viga', sans-serif;
$title-weight: normal;
$title-background: transparent;

// Carrousel
$carrousel-height: 290px;
$carrousel-item-mask-color: transparent;
$carrousel-text-position: middle middle;
$carrousel-navigation-color: $red;
$carrousel-navigation-bullet-size: 10px;
$carrousel-arrows: none;

// Cells
$cell-border: none;
$cell-entry-color: black;
$cell-entry-hover-color: black;
$cell-entry-font-weight: normal;
$cell-entry-hover-background: transparent;
$cell-entry-border: none;

$widget-focus-outline: none;
$widget-focus-box-shadow: 0 0 5px 2px $gray-light;
$widget-padding: 0.45rem 1rem;

// Footer
$footer-background: $gray-dark;

// WCS
$wcs-step-current-label-color: black;
$wcs-step-color: $gray;
$wcs-step-border-bottom: 1px solid $gray-light;
$wcs-step-current-border-bottom: 1px solid $gray-light;
$form-sidebar-width: 25%;
$form-sidebar-gutter: 3rem;

$form-accent-color: $primary-color;
$widget-border-radius: $border-radius;
$widget-unique-checkbox-position: left;
$button-color: black;
$button-background: $secondary-color;
$buttons-order: previous (grow), cancel (grow), submit;
$cancel-button-style: "%gray-button";
