$cyan: #00A7BD;
$cyan-dark: #00727E;

$gray-xlight: #F8F8F8;
$gray-light: #E7E7E7;
$gray: #7D7D7D;
$gray-dark: #343434;

$red: #CE0500;
$green: #18753C;
$brown: #B34000;


// typo
$ff-condensed: 'Roboto Condensed', sans-serif;
$base-font: 15;
$base-font-m: 13;

$fz-1: 32em / $base-font;
$fz-1m: 26em / $base-font-m;
$fz-2: 20em / $base-font;
$fz-2m: 18em / $base-font-m;
$fz-3: 18em / $base-font;
$fz-3m: 15em / $base-font-m;
$fz-small: 13em / $base-font;
$fz-smallm: 12em / $base-font-m;

// Custom
$nav-item-padding: 15px 1rem;
$top-gray-line-height: 14px;
$top-gray-line-height-m: 8px;

$cell-image-size: 2.3rem;

// Core vars
$primary-color: $cyan-dark;

$font-size: 100% / ( 16 / $base-font );
$font-family: roboto, sans-serif;
$font-color: black;
$link-color: $primary-color;

$width: 1280em / $base-font;
$mobile-limit: 64em;
$very-small-limit: 35em;
$columns-gutter: 100px;
$sidebar-width: 33%;
$fx-grid-gutter: $columns-gutter;

$header-logo-size: 54px 60px;
$show-site-title: true;

$toplinks-style: none;
$toplinks-background: white;

$nav-background: none;
$nav-menu-color: $font-color;
$nav-active-color: $primary-color;
$nav-border-color: none;
$nav-button-background: transparent;
$nav-submenu-background: white;
$nav-item-selected-color: $nav-active-color;
$nav-item-selected-background: none;
$nav-item-hover-color: $nav-active-color;
$nav-item-transform: uppercase;
$responsive-menu: left-to-right; // custom right-to-left adaptation
$nav-mobile-menu-background: white;
$nav-after-image: false;
$nav-menu-side: 60px;
$nav-button-background: $primary-color;
$nav-button-color: white;

$nav-mobile-bottom-bar-background: $gray-xlight;
$nav-mobile-bottom-bar-color: $font-color;
$nav-mobile-bottom-bar-item-hover-background: white;
$nav-mobile-bottom-bar-item-selected-color: $primary-color;

$title-transform: uppercase;
$title-background: transparent;
$title-font-size: $fz-2;
$title-weight: 700;
$title-font-family: $ff-condensed;

$cell-border: none;
$cell-title-cover-border: false;
$cell-entry-color: $primary-color;
$cell-entry-font-weight: 700;
$cell-entry-border-color: $gray-light;
$cell-entry-hover-color: $font-color;
$cell-entry-hover-background: transparent;
$cell-image-padding:  0;

$button-background: $primary-color;
$button-color: white;
$button-border: none;
$button-hover-background: gray;
$cancel-button-style: ".gray-button";

$error-color: #CE0500;
$form-sidebar-position: top;
$form-accent-color: $primary-color;
$buttons-order: cancel (grow), previous, submit;


$widget-border: 1px solid $gray-dark;
$widget-border-radius: 3px;
$widget-unique-checkbox-position: left;

$wcs-steps-small-layout-limit: 0px;
$wcs-steps-spacing: 2rem;
$wcs-step-color: $gray-dark;
$wcs-step-border-bottom: none;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-color: $primary-color;
$wcs-step-marker-background: white;
$wcs-step-current-marker-color: white;
$wcs-step-current-marker-background: $primary-color;
$wcs-step-marker-tie-width: 1px;

$notification_error_color: $error-color;
$notification_warning_color: $brown;
$notification_success_color: $green;
$notification_info_color: $cyan-dark;
$notification-style: border-bar;
$notification-icon-size: 2rem;

$table-headers-color: $cyan-dark;
$table_headers-font-size: 1rem;

$footer-background: $gray-dark;
$footer-color: white;
$footer-link-color: $footer-color;
