// Colors
$red: #E61E50;
$green: #C7F7D2;
$salmon: #FFDCBD;

$gray-dark: #232323;
$gray: #565656;
$gray-light: #F2F2F2;

// Typo
$base-font: 18;
$fz-1: 54em / $base-font;
$fz-2: 34em / $base-font;
$fz-3: 30em / $base-font;
$fz-4: 22em / $base-font;
$fz-small: 16em / $base-font;
$fz-xsmall: 12em / $base-font;

$title-ff: Inter, sans-serif;

// Layout
$theme-edge-gutter: 2em;
$central-content-top: 2rem;

// Core vars
$width: 1400em / $base-font;
$sidebar-width: 22em;
$columns-gutter: 2.8em;
$sidebar-columns-gutter: $columns-gutter;
$mobile-limit: 64em;
$very-small-limit: 35em;

$font-size: 100% / ( 16 / $base-font );
$font-size-small: $fz-small;
$font-size-xsmall: $fz-xsmall;
$font-family: Montserrat, sans-serif;
$font-color: $gray-dark;

$header-background-color: white;
$header-logo-size: 260px 102px;
$primary-color: $red;
$toplinks-style: none;

$responsive-menu: left-to-right;
$nav-border-color: none;
$nav-after-image: false;
$nav-item-background: $gray-dark;
$nav-color: white;
$nav-item-selected-background: $red;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-hover-background: $nav-mobile-menu-background;
$nav-mobile-menu-item-color: $font-color;
$nav-mobile-menu-item-hover-color: $red;
$responsive-menu-mask: true;

$cell-background: $gray-light;
$cell-border: 2px solid $gray-light;
$cell-border-radius: 35px;
$cell-title-cover-border: false;
$cell-entry-color: $font-color;
$cell-entry-hover-color: $red;
$cell-entry-border: 2px solid $gray;

$title-background: transparent;
$title-color: $font-color;
$title-font-family: $title-ff;
$title-font-size: $fz-2;
$title-weight: 800;
$title-padding: 2rem 1rem 1rem 1rem;

$button-background: white;
$button-color: $font-color;
$button-border: 1px solid $font-color;
$button-border-radius: 100em;
$button-hover-background: $red;
$button-hover-color: white;

$buttons-order: cancel, previous (grow), submit;
$form-accent-color: $red;
$form-title-style: none;
$form-sidebar-width: $sidebar-width;
$form-sidebar-gutter: $sidebar-columns-gutter;

$wcs-steps-small-layout-limit: $mobile-limit;
$wcs-steps-spacing: 1rem;
$wcs-step-color: white;
$wcs-step-border-bottom: none;
$wcs-step-marker-color: $font-color;
$wcs-step-current-marker-color: white;
$wcs-step-current-label-color: white;
$wcs-step-marker-background: white;
$wcs-step-current-marker-background: $gray;
$wcs-step-marker-type: disc;

$widget-unique-checkbox-position: left;
$widget-border: 1px solid currentColor;
$widget-border-radius: 15px;
$widget-focus-border: 1px solid black;
$widget-focus-color: black;
$widget-padding: 1rem 1.5rem;

$notification_error_color: #E61E50;
$notification_warning_color: #FFDCBD;
$notification_success_color: #C7F7D2;
$notification_info_color: #F2F2F2;

$footer-background: white;
$footer-color: $font-color;


$nav-mobile-bottom-bar-height: 90px;
$nav-mobile-bottom-bar-background: white;
$nav-mobile-bottom-bar-color: $font-color;
$nav-mobile-bottom-bar-item-hover-background: transparent;
$nav-mobile-bottom-bar-item-selected-background: transparent;
$nav-mobile-bottom-bar-item-hover-color: $red;
$nav-mobile-bottom-bar-item-selected-color: $red;