// Colors

$blue: #5787f5;
$green: #8fe489;
$red: #e85f5b;
$black-blue: #172029;
$gray: rgb(78, 86, 96);
$gray-light: #f0f0f0;
$gray-dark: rgb(23, 32, 41);

// Fonts size:
$fz-h1: 2.8em; 	// 45px
$fz-h2: 2.5em; 	// 39px
$fz-h3: 1.875em;// 30px
$fz-h4: 1.55em;	// 25px
$fz-h5: 1.25em;	// 20px
$fz-h6: 1.125em;// 18px
$fz-small: 0.875em;	// 14px
$fz-xsmall: 0.75em;	// 12px

$theme-gutter: 2rem;
$theme-gutter-mobile: 1.25rem;
$theme-half-gutter: $theme-gutter / 2;
$theme-half-gutter-mobile: $theme-gutter / 2;

$theme-page-padding: 7.5rem;


// Core vars
$primary-color: $blue;
$font-family: muli, sans-serif;
$font-color: $gray-dark;
$link-color: $primary-color;

$very-small-limit: 560px;
$mobile-limit: 1023px;
$width: 1380px;
$columns-gutter: $theme-gutter * 2;

$nav-mobile-limit: 9999px;
$nav-active-color: transparent;
$nav-item-selected-color: $link-color;
$nav-item-selected-background: white;
$nav-button-background: none;
$nav-button-color: $link-color;
$nav-menu-side: 30px;
$nav-mobile-menu-background: $gray-light;
$nav-mobile-menu-item-color: $font-color;

$title-background: transparent !default;
$title-color: $primary-color;
$title-weight: 900;
$title-font-size: $fz-h4;
$title-padding: 1rem $theme-gutter-mobile ;

$cell-border: none;
$cell-border-radius: 10px;
$cell-title-cover-border: false;
$cell-image-padding: 0;

$cell-entry-color: $font-color;
$cell-entry-hover-color: $link-color;
$cell-entry-hover-background: none;

$carrousel-text-position: top left;
$carrousel-navigation-bullet-size: 1rem;
$carrousel-navigation-bullet-border: 2px solid white;
$carrousel-height: 25rem;

$error-color: #e95f5c;
$button-background: $primary-color;
$button-color: white;
$button-border-radius: 3em;
$buttons-order: cancel, previous (grow), submit;
$buttons-alignment: space-between;

$widget-border-radius: 5px;
$widget-border: 1px solid $primary-color;
$widget-focus-color: $primary-color;
$wcs-step-color: $font-color;
$wcs-step-current-color: white;
$wcs-step-current-background: $primary-color;
$wcs-step-border-bottom: 1px solid $primary-color;
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
$wcs-steps-small-layout-limit: $mobile-limit;

$notification_error_color: $error-color;
$notification_warning_color: #EC892F;
$notification_success_color: #15b350;
$notification_info_color: #3562da;

$back-top-icon-character: "↑";
$back-top-icon-size: 2em;
$back-top-display: mobile-only;
$back-top-layout-direction: horizontal;
$back-top-layout-position: static (center);

$footer-full-width-background: false;
$footer-background: $primary-color;