@import '../includes/fonts/firasans';
$blue-0: #D7D8FD;
$blue-1: #6877ff;
$blue-2: #373CF5;
$blue-3: #0000CC;
$blue-4: #000099;
$gray-1: #f2f2f2;
$gray-2: #cccccc;
$gray-3: #4d4d4d;
$gray-4: #34353d;
$gray-5: #222222;
$gray-6: #212121;
$red: #FF8484;
$orange: #FFD788;
$green: #9BCE7A;
$blue-gradient-1: linear-gradient(45deg,#{$blue-2},#{$blue-1});
$blue-gradient-2: linear-gradient(45deg,rgba(66,66,66,0.65),rgba(66,66,66,0.30));
$blue-gradient-3: linear-gradient(to right, $blue-4 , $blue-2, $blue-1, $blue-2);
$transition-mode: cubic-bezier(0.11,0.77,0.36,0.97);

$box-shadow: 0 0 10px rgba(0,0,0,0.2);
$box-shadow-smooth: 0 0 20px rgba(0,0,0,0.2);

$primary-color: $blue-2;

$font-family: "Fira Sans";
$width: 1200px;
$border-radius: 8px;

$base-font: 16;
$body-background: $gray-1;

$fz-1: 38rem / $base-font;
$fz-2: 21rem / $base-font;
$fz-3: 20rem / $base-font;
$fz-4: 17rem / $base-font;
$font-size: 15rem / $base-font;
$fz-small: 12rem / $base-font;
$font-color: $gray-4;

$notification_error_color: $red;
$notification_warning_color: $orange;
$notification_success_color: $green;
$notification_info_color: $blue-0;

$header-background-color: white;

$toplinks-style: none;

$nav-item-selected-mode: border-bottom;
$nav-item-hover-color: $blue-2;
$nav-submenu-color: black;
$nav-background: white;
$nav-full-width-background: true;
$nav-color: $gray-4; 
$nav-after-image: false;
$nav-button-background: $gray-1;
$nav-item-background: white;
$nav-submenu-background: $gray-1;
$nav-button-color: $gray-4;
$nav-button-bar-height: 4px;
$nav-border-color: none;
$nav-menu-side: 36px;
$nav-mobile-menu-item-color: $gray-3;
$nav-mobile-menu-item-hover-color: $gray-3;
$nav-mobile-menu-item-hover-background: white;
$nav-mobile-menu-background: white;
$nav-border-radius: 0;

$cell-border: 1px solid $gray-2;

$title-font-size: $fz-3;
$title-color: $gray-3;
$title-background: transparent;
$title-weight: 700;
$grid-gutter: 1.8rem;

$cell-entry-color: $gray-3;
$cell-entry-hover-background: transparent;
$cell-entry-border: none;
$cell-close-foldable-icon: "";
$cell-open-foldable-icon: "";
$cell-image-position: top;

$wcs-step-color: $gray-3;
$wcs-step-current-color: $gray-4;
$wcs-step-border-bottom: none;
$wcs-steps-spacing: 0rem;

$widget-color: $gray-3;
$widget-border: 1px solid $gray-2;
$widget-focus-border: 1px solid $gray-3;
$widget-border-radius: $border-radius;
$form-accent-color: $blue-2;
$button-background: $blue-2;
$button-border-radius: 100em;
$button-color: white;
$button-hover-background: $blue-3;
$button-hover-color: white;
$cancel-button-style: '%inverted-button';
$buttons-order: previous, cancel (grow), submit;

$footer-background: $gray-6;
$footer-full-width-background: true;

$notification-style: classic;
