// Colors
$yellow: #FCC400;
$yellow-light: #ffd53f;
$yellow-xlight: #fff7da;
$gray-dark: #2A2A2E;
$gray-light: #D4CAC8;
$gray-xlight:#f6f4f5;
$gray-message: #efeef4;
$blue-dark: #253A8E;

$cell-header-color: (
	"rouge": #D8635C,
	"rose": #D1377A,
	"bleu-fonce": $blue-dark,
	"prune-fonce": #732066,
	"turquoise": #3185AD,
	"violet": #69599F,
	"bleu-clair": #79ADC2,
	"vert-fonce": #00965C,
	"magenta": #E50046,
	"jaune": $yellow,
	"vert-clair": #CFCD00,
	"prune-clair": #942581
);

// Typo 
$raleway: Raleway, sans-serif;

$fz-h1: calc(36em / 16);
$fz-h2: calc(24em / 16);
$fz-h3: calc(18em / 16);
$fz-small: 0.875em;

// Core vars
$body-background: $gray-xlight;
$font-color: $gray-dark;
$font-family: $raleway;

$link-color: $blue-dark;
$primary-color: $yellow;

$width: 1290px;
$mobile-limit: 1180px;
$columns-gutter: 30px;
$sidebar-width: 30%;
$sidebar-position: right;
$sidebar-columns-gutter: 0;

$nav-mobile-bottom-bar-background: white;
$nav-mobile-bottom-bar-color: $font-color;
$nav-mobile-bottom-bar-item-hover-background: $yellow;
$nav-mobile-bottom-bar-item-hover-color: $nav-mobile-bottom-bar-color;
$nav-mobile-bottom-bar-item-selected-background: $nav-mobile-bottom-bar-item-hover-background;
$nav-mobile-bottom-bar-item-selected-color: $nav-mobile-bottom-bar-item-hover-color;
$nav-mobile-bottom-bar-badge-color: font-color;
$nav-mobile-bottom-bar-badge-background: $yellow;

$title-background: transparent;
$title-weight: bold;
$title-font-size: $fz-h3;

$cell-border-radius: 12px;
$cell-border: 1px solid $gray-light;
$cell-title-cover-border: false;
$cell-image-position: top;
$cell-entry-border: 1px solid transparent;
$cell-entry-color: $font-color;
$cell-entry-hover-color: black;
$cell-entry-font-weight: 500;
$cell-entry-hover-background: transparent;

$widget-unique-checkbox-position: left;
$widget-border-radius: 5px;
$widget-focus-border: 1px solid black;

$button-border-radius: 5px;
$button-background: $yellow;
$button-color: black;
$button-border: 1px solid $yellow;
$button-hover-background: $yellow-light;
$button-focus-outline: 1px solid black;
$buttons-order: cancel, previous, submit;

$form-sidebar-position: right;

$wcs-steps-spacing: 1rem;
$wcs-step-color: $gray-dark;
$wcs-step-current-color: black;
$wcs-step-border-bottom: none;
$wcs-step-marker-background: $gray-message;
$wcs-step-current-marker-background: $yellow;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-tie-color: $wcs-step-marker-background;
$wcs-step-marker-tie-width: 2px;

$footer-background: $gray-dark;
$footer-link-color: $yellow;
