$red: #B73720;
$orange: #ecb500;
$orange-light: #FFCB20;
$gray-dark: #202020;
$gray-light: #efefef;

$primary-color: $red;
$width: 1170px;
$font-family: Asap, sans-serif;
$font-color: $gray-dark;
$link-color: $primary-color;

$nav-background: $gray-light;
$nav-full-width-background: true;
$nav-color: $font-color;
$nav-active-color: $red;
$nav-item-selected-color: $nav-active-color;
$nav-item-selected-background: transparent;
$nav-height: 4.5em;
$nav-submenu-color: $font-color;
$nav-button-background: transparent;
$nav-button-color: $nav-active-color;

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

$cell-background: $gray-light;
$cell-border: 1px solid transparent;
// $cell-entry-color: $font-color;
$cell-entry-hover-background: fade-out($red, 0.9);

$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;

$or-separator: false;

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