@import '../includes/fonts/montserrat';
@import '../includes/fonts/opensans';

$red: #eb1c23;
$gold: #aea577;
$blue: #2354a5;
$gray: #727779;
$darkgray: #323031;

$primary-color: $red;
$font-family: Montserrat, sans-serif;

$width: 1206px;
$link-color: $darkgray;
$nav-color: white;
$nav-full-width-background: true;
$nav-background: $darkgray;
$nav-item-selected-background: $nav-background;
$nav-item-selected-color: white;
$nav-item-hover-background: $nav-background;
$nav-item-hover-color: white;
$nav-submenu-background: $nav-background;
$nav-submenu-color: $nav-color;
$nav-button-background: $red;
$nav-button-color: white;
$nav-border-color: transparent;
$nav-mobile-menu-background: white;
$nav-mobile-bottom-bar-background: $red;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-background: darken($red, 10%);
$nav-mobile-bottom-bar-item-hover-color: white;
$nav-mobile-bottom-bar-item-selected-background: darken($red, 5%);
$nav-mobile-bottom-bar-item-selected-color: white;

$widget-focus-outline: 2px solid $red;
$widget-focus-outline-offset: 1px;

$title-background: transparent;
$title-weight: 800;
$title-font-size: 24px;

$cell-title-cover-border: false;

$cell-border-radius: 5px 5px 0 0;

$button-border-radius: 5px;
$button-background: $darkgray;
$button-hover-background: darken($darkgray, 10%);

$footer-background: $red;

$widget-focus-border: 1px solid $blue;
$buttons-order: previous, cancel (grow), submit;

$wcs-steps-spacing: 1rem;
$wcs-step-border-bottom: none;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-tie-width: 3px;
$wcs-step-marker-tie-color: $red;
$wcs-step-marker-background: #eee;
$wcs-step-current-marker-color: white;
$wcs-step-current-marker-background: $red;

$notification_error_color: #b91119;
$notification_warning_color: #a55423;
$notification_success_color: #138613;
$notification_info_color: $blue;
