$blue-xxlight: #e5f5fa;
$blue-xlight: #00a1cf;
$blue-light: #1e90ff;
$blue: #122674;
$blue-dark: #081446;
$yellow: #ffeec2;
$gray-light: #efefef;
$gray: #494949;

$primary-color: $blue-xlight;
$secondary-color: $yellow;
$font-roboto: 'Roboto', sans-serif;

$base-font: 20;

$fz-big: 60em / $base-font;
$fz-1: 38em / $base-font;
$fz-2: 24em / $base-font;
$fz-3: 22em / $base-font;
$fz-4: 18em / $base-font;
$fz-small : 16em / $base-font;
$fz-xsmall: 14em / $base-font;

$font-family: $font-roboto;
$font-size: 100% / ( 16 / $base-font );
$link-color: $blue-light;
$link-decoration: none;
$link-hover-color: $blue-light;

$header-full-width-background: true;
$header-logo-size: 520px 100px;
$toplinks-style: none;

$nav-color: $blue;
$nav-menu-color: $blue;
$nav-active-color: $yellow;
$nav-border-color: transparent;
$nav-button-background: $blue-dark;
$nav-button-color: white;
$nav-mobile-menu-background: $blue-dark;
$nav-mobile-menu-item-color: white;
$nav-mobile-menu-item-hover-background: $blue-dark;
$nav-mobile-menu-item-hover-color: white;
$nav-items-transform: uppercase;

$title-color: $blue;
$title-background: transparent;
$title-border-bottom: 3px solid $gray-light;
$title-weight: 700;
$title-font-size: $fz-2;
$title-padding: 0.5rem 0;

$cell-border: none;
$cell-background: transparent;
$cell-entry-color: $blue-dark;
$cell-entry-hover-background: $yellow;
$cell-entry-hover-color: $blue-dark;
$cell-entry-border: 2px solid $gray-light;

//WCS
$wcs-steps-background: $blue-xxlight;
$wcs-step-current-color: $blue-dark;
$wcs-step-color: $gray;

$widget-color: $blue-dark;
$widget-focus-color: $blue-dark;
$widget-border: 1px solid $blue-dark;
$widget-focus-outline: 1px solid $blue-xlight;
$widget-focus-box-shadow: 0 0 6px 0 $blue-light;

$button-background: $blue-dark;
$button-hover-background: $blue-xlight;
$cancel-button-style: "%antibes-cancel-button";

$carrousel-item-mask-color: transparent;

$footer-background: $blue-dark;
$footer-menucell-separator: 1px solid $blue-xlight;

