$red: #B73720;
$blue: #1C515E;
$blue-light: #2e788a;
$orange: #ecb500;
$orange-light: #FFCB20;
$gray-dark: #202020;
$gray-light: #efefef;

// header
$header-height-desktop: 120px;
$header-height-mobile: 60px;
$button-border-width: 10px;

// Core vars
$primary-color: $red;
$width: 1170px;
$mobile-limit: 1024px;
$font-color: $gray-dark;
$font-family: Asap, sans-serif;
$link-color: $primary-color;

$nav-background: $gray-light;
$nav-full-width-background: true;
$nav-color: $font-color;
$nav-active-color: $red;
$nav-border-color: $blue;
$nav-item-selected-color: $nav-active-color;
$nav-item-selected-background: transparent;
$nav-height: 4.5em;
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left
// $nav-mobile-menu-background: white;
$nav-menu-side: $header-height-mobile - $button-border-width * 2;
$nav-button-background: $blue;

$title-background: transparent;
$title-font-size: 1.5rem;
$title-weight: 500;

$cell-background: $gray-light;
$cell-border: none;
$cell-entry-color: $font-color;
$cell-entry-hover-background: $orange-light;
$cell-entry-border: 1px solid $blue-light;

$button-background: $orange;
$button-hover-background: $orange-light;
$button-color: $font-color;
$button-border: none;
$button-border-radius: 8px;

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

$widget-border: 1px solid transparent;
$widget-border-radius: 5px;
$widget-focus-border: 1px solid;

$wcs-step-color: $blue-light;
// $wcs-step-border-bottom: 1px solid $blue-light;

$or-separator: false;

$footer-background: white;
$footer-color: $font-color;
$footer-menucell-separator: 1px solid;
// $footer-full-width-background:

$form-titlebar-mode: form;
