// colors
$blue: #0356F2;
$green: #51EDC6;
$yellow: #FFE600;
$gray-dark: #353535;
$gray: #555;
$gray-light: #DCDCDC;

// Typo
$base-font: 16;
$fz-1: 50em / $base-font;
$fz-2: 20em / $base-font;
$fz-3: 18em / $base-font;
$fz-4: 17em / $base-font;
$fz-small: 13rem / $base-font;
$fz-xsmall: 12rem / $base-font; 

// Core vars
$width: 1600em / $base-font;
$mobile-limit: 70em;
$very-small-limit: 35em;
$columns-gutter: 80em / $base-font;

$primary-color: $blue;
$body-background: $blue;
$font-color: $gray-dark;

$font-family: 'MintGrotesk', sans-serif;
$font-size: 100% / ( 16 / $base-font );
$font-size-small: $fz-small;
$font-size-xsmall: $fz-xsmall;

$primary-color: $blue;
$link-color: $primary-color;
$error-color: #FF0000;
$link-decoration: underline;

$toplinks-style: none;
$header-logo-size: 83px 102px;

$nav-background: transparent;
$nav-border-color: none;
$nav-font-weight: 600;
$nav-font-size: $fz-small;
$nav-item-transform: uppercase;
$nav-active-color: $blue;
$nav-item-selected-background: transparent;
$nav-item-selected-color: $nav-active-color;
$responsive-menu: left-to-right;
$nav-button-background: $green;
$nav-button-color: $blue;
$nav-menu-side: 70px;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-hover-background: #245CDC;
$nav-mobile-menu-item-hover-color: white;
$nav-after-image: false;

$nav-mobile-bottom-bar-height: 80px;

$title-font-size: $fz-2;
$title-weight: 600;
$title-transform: uppercase;

$cell-border: none;
$cell-border-radius: 10px;
$cell-entry-color: $font-color;
$cell-entry-hover-background: #F8F8F8;

$button-border-radius: 5px;
$button-background: $green;
$button-color: black;
$button-border: 3px solid $green;
$button-hover-background: white;

$form-sidebar-position: top;
// $wcs-steps-spacing: 6rem;
$wcs-step-color: $font-color;
$wcs-step-border-bottom: none;
$wcs-step-marker-color: $blue;
$wcs-step-current-marker-color: white;
$wcs-step-marker-background: white;
$wcs-step-current-marker-background: $blue;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-tie-color: $blue;
$wcs-step-marker-tie-width: 1px;
$wcs-steps-small-layout-limit: $mobile-limit;

$form-accent-color: $green;
$form-background: white;
$form-title-style: none;
$widget-unique-checkbox-position: left;
$widget-padding: 0.8rem 1.6rem;
$widget-border: 2px solid $gray-light;
$widget-focus-color: $blue;
$widget-focus-border: 2px solid $widget-focus-color;
$field-on-error-style: custom;
$buttons-order: cancel, previous, submit;
$buttons-alignment: center;

$notification_error_color: $error-color;
$notification_warning_color: $yellow;
$notification_success_color: $green;
$notification_info_color: $blue;

$footer-background: $blue;
$footer-link-color: white;