@charset "UTF-8";

/*STYLE*/
$primary-color: hsl(359, 89%, 42%);
$width: 1200px;
$mobile-limit: 800px;
$font-size: 16px;
$button-color: white;
$cell-entry-hover-effect: left-to-right;
$theme2019: true;
$link-color: $primary-color;
$font-family: "Din"; //!\\ : il faut bien importer la font (voir les imports en bas de la page)!
$border-radius: 3px;

/*BASKET*/

/*CELL*/
$cell-border: 0px;
$cell-entry-hover-background: hsl(44, 100%, 49%);
$cell-links-color: hsl(210, 23%, 19%);
$cell-links-color-hover: hsl(210, 23%, 19%);

/*FORM-BUTTON*/
$button-hover-background-color: darken($primary-color, 8%);
$button-background: $primary-color;

/*FOOTER*/
$footer-background-color: hsl(210, 23%, 18%);
$footer-text-color: hsl(0, 0, 100%);
$footer-hover-text-color: hsl(0, 0, 80%);

/*HEADER*/
$header-banner: none;
$header-banner-image: true;
$header-banner-height: auto;
$header-logo: None;
$header-logo-margin: 1.7em 0 0 0.2em !default;
$header-logo-padding: 0;
$toplinks-border: 0;
$toplinks-radius: 0;
$toplinks-shadow: none;

/*LOGIN*/

// hsl(44, 100%, 49%) rouge
// hsl(210, 23%, 19%) anthracite
// hsl(359, 89%, 42%)  rouge
/*MENU*/
$nav-background: hsl(44, 100%, 49%);
$nav-color: hsl(210, 23%, 19%);
$nav-active-color: hsl(359, 89%, 42%);
$nav-item-selected-color: #fff;
$nav-item-selected-background: hsl(359, 89%, 42%);
$nav-text-uppercase: uppercase;

/*MENU RESPONSIVE*/
$nav-button-color: #fff;
$nav-menu-color: $primary-color;

/*PWA*/
$nav-mobile-bottom-bar-height: 75px;
$nav-mobile-bottom-bar-background: $primary-color;
$nav-mobile-bottom-bar-color: #fff;
$nav-mobile-bottom-bar-item-hover-background: $primary-color;

/*RESPONSIVE*/

/*SHARE*/
$hidden-description: false;

/*TITLE*/
$title-color: #525252;
$title-padding: 1em 0em 1em 0.8em;
$title-weight: bold;
