// New colors
$blue: #367bc6;

// New font sizes
$fz-h1: 3.125em;
$fz-h2: 1.875em;
$fz-h3: 1.375em;
$fz-h4: 1.25rem;
$fz-small: 0.875em;
$fz-xsmall: 0.78em;

// Publik overrides
// see: https://doc-publik.entrouvert.com/dev/integration-graphique/infrastructure-scss/

// Couleurs
$primary-color: $blue;
$sep-color: #fff5;

// Généralité
$body-background: #fafafa;
$link-color: $blue;
$font-family: "Open Sans", Roboto, sans-serif;
$width: 1200px;
$header-background-color: white;
$footer-background: $blue;
$footer-link-color: white;
$columns-gutter: 30px;

// Titres
$title-background: transparent;
$title-color: #235081;
$title-font-family: Lato, "Open Sans", Roboto, sans-serif;
$title-weight: 700;
$title-font-size: 135%;

// Navigation
$nav-background: $blue;
$nav-color: #eee;
$nav-active-color: #2861A1;
$nav-item-selected-color: white;

// Mode responsive
$mobile-limit: 1000px;
$nav-button-background: $primary-color;
$nav-border-color: transparent;

// Application mobile (PWA)
$nav-mobile-bottom-bar-background: $blue;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-color: white;
$nav-mobile-bottom-bar-item-hover-background: $link-color;
$nav-mobile-bottom-bar-item-selected-background: $link-color;
$nav-mobile-bottom-bar-item-selected-color: white;

// Formulaires
$button-color: white;
$button-background: $link-color;
$button-hover-background: $primary-color;

// Bloc étapes d'une démarche
$wcs-steps-spacing: 0.7rem;
$wcs-step-color: darken(#fafafa, 40%);
$wcs-step-current-marker-background: $primary-color;
$wcs-step-current-marker-color: white;
$wcs-step-border-bottom: none;
$wcs-step-marker-background: darken(#fafafa, 15%);
$wcs-step-marker-color: white;
$wcs-step-marker-type: disc;

// Cellules
$cell-background: #e8edf7;
$cell-border: none;
$cell-entry-font-weight: 400;
$cell-entry-color: #333;
$cell-entry-border: 1px solid #c1cde6;
$cell-entry-hover-background: transparent;
$cell-entry-hover-color: $link-color;

// Customs
$logo-height: 60px;
$logo-wrapper-height: 90px;
$header-height: $logo-wrapper-height + 10px;

$very-small-limit: 560px;
$very-small-reduction: 20px;
$very-small-header: $header-height - $very-small-reduction;
$very-small-logo: $logo-wrapper-height - $very-small-reduction;
$very-small-logo-bg: $logo-height - $very-small-reduction;
$very-small-cols-gutter: $columns-gutter - $very-small-reduction;

$nav-full-width-background: true;
$nav-mobile-menu-background: #fafafa;
$nav-mobile-menu-item-color: $nav-color;

$cell-image-position: top;
$cell-image-padding: 0;
$cell-title-cover-border: false;

$widget-background: #eee;
$widget-background-in-cell: white;
$widget-focus-background: #fcfcfc;
$widget-border: 1px solid $sep-color;
$widget-focus-border: 1px solid $blue;
$widget-unique-checkbox-position: left;

$footer-menucell-separator: 1px solid hsla(0, 0%, 100%, 0.3);
