// Custom vars
$cyan: #67C2C9;
$cyan-dark: #509CA2;
$cyan-light: #e2f6f7;
$violet: #6A488E;
$gray: #4A4F55;
$ff-ss-serif: "Baloo 2", sans-serif;

$fz-h1: 2.9em;
$fz-h2: 1.5em;
$fz-h3: 1.1em;
$fz-small: 0.85em;

// Core vars
$font-family: $ff-ss-serif;
$font-color: $violet;
$primary-color: $cyan;
$link-color: $cyan-dark;
$mobile-limit: 1024px;
$very-small-limit: 560px;

$width: 1280px;

$nav-mobile-mode: hidden;
$nav-mobile-limit: 99999px;
$nav-active-color: $violet;
$nav-border-color: none;
$nav-button-background: transparent;
$nav-button-color: $nav-active-color;

$nav-mobile-bottom-bar-background: $violet;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-color: $cyan;

$title-color: $violet;
$title-transform: uppercase;
$title-weight: bold;
$title-font-size: $fz-h2;

$cell-border: 2px solid $violet;
$cell-title-cover-border: false;
$cell-border-radius: 5px;

$cell-entry-font-weight: 600;
$cell-entry-border: 1px solid transparent;
$cell-entry-hover-color: $violet;
$cell-entry-hover-background: transparent;
$cell-open-foldable-icon: url(img/cell-open-foldable-icon.svg);
$cell-close-foldable-icon: url(img/cell-close-foldable-icon.svg);

$carrousel-height: 26rem !default;
$carrousel-text-position: bottom middle;
$carrousel-item-mask-color: transparent;
$carrousel-navigation-bullet-color: $violet;
$carrousel-navigation-bullet-size: 1rem;

$button-background: $violet;
$button-color: white;
$button-border: 2px solid $violet;
$button-border-radius: 2rem;
$buttons-order: cancel, previous, submit;

$widget-unique-checkbox-position: left;

$wcs-steps-small-layout-limit: 99999px;
$wcs-step-current-color: white;
$wcs-steps-spacing: 0.7rem;

$footer-background: white;
$footer-color: $violet;
