// CUSTOM VARS
// Nuancier
$white-blue: #EEF5FA;
$desaturated-blue: #698296;
$dark-desaturated-blue: #3C4F5F;
$xdark-blue: #142C3F;
$black-blue: #091F30;
$light-red: #ff5a4e;
//font-sizes
$fz-h1: 2.8em;
$fz-h2: 2.125em;
$fz-h3: 1.625em;
$fz-h4: 1.44em;
$fz-h5: 1.18em;
$fz-small: 0.85em;
// layout
$meuse-toplinks-height: 3.125rem;
$meuse-main-top-padding: 2rem;
$meuse-logo-height-mobile: 50px;
$meuse-logo-width-desktop: 322px;

// CORE VARS
$primary_color: $light-red;

$font-family: 'Source Sans Pro', sans-serif;
$font-color: $black-blue;
$link-color: $desaturated-blue;

$width: 1440px;
$mobile-limit: 960px;
$very-small-limit: 560px;
$border-radius: 0;
$sidebar-width: 25%;
$sidebar-max-width: 19rem;
$sidebar-min-width: 16rem;

$nav-background: $dark-desaturated-blue;
$nav-mobile-menu-background: $dark-desaturated-blue;
$nav-full-width-background: true;
$nav-color: white;
$nav-mobile-menu-item-color: white;
$nav-item-selected-background: $xdark-blue;
$nav-item-hover-background: $primary_color;
$nav-button-background: $xdark-blue;
$nav-menu-side: 40px;
$nav-border-color: transparent;

$title-color: $black-blue;
$title-background: transparent;
$title-font-size: $fz-h4;
$title-weight: 700;

$cell-border: none;
$cell-background: transparent;
$cell-image-position: top;
$cell-image-padding: 0;
$cell-entry-hover-background: lighten($light-red, 25%);
$cell-entry-border: 1px solid lighten($desaturated-blue, 20%);

$button-background: $light-red;
$button-color: $dark-desaturated-blue;
$button-hover-color: $black-blue;
$button-border: 1px solid darken($light-red, 20%);
$button-border-radius: 5px;

$buttons-order: previous, cancel (grow), submit;
$buttons-alignment: flex-end;

$widget-focus-color: $black-blue;
$widget-background: hsla(0,0%,100%,0.3);
$widget-focus-background: white;
$widget-border: 1px solid lighten($desaturated-blue, 20%);
$widget-focus-border: 1px solid $desaturated-blue;

$wcs-steps-spacing: 1rem;
$wcs-step-color: $desaturated-blue;
$wcs-step-current-color: $xdark-blue;
$wcs-step-border-bottom: none;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-background: white;
$wcs-step-current-marker-background: $primary-color;
$wcs-step-marker-tie-width: 2px;
$wcs-step-current-marker-enlarge: 1.4;

$footer-background: $dark-desaturated-blue;
$footer-color: white;
