$primary-color: #00d3cc;

$width: 1140px;
$font-color: #484848;
$font-family: Din, sans-serif;
$font-size: 1em;
$nav-background: transparent;
$nav-submenu-background: #eee;
$nav-submenu-color: #333;
$nav-color: $font-color;
$nav-active-color: $primary-color;
$nav-item-selected-background: transparent;
$nav-item-hover-background: transparent;
$nav-item-selected-color: $primary-color;
$nav-item-hover-color: $nav-item-selected-color;
$border-radius: 0px;
$button-background: $primary-color;
$title-background: $primary-color;
$title-color: white;
$footer-background: $primary-color;
$footer-color: #484848;
$cell-border: 1px solid transparent;
$widget-border-radius: 3px;
$link-color: #0b69e1;

$button-color: white;
$button-border-radius: 5px;
$button-border: 2px solid $link-color;
$button-background: $link-color;
$button-hover-background: white;
$button-hover-color: $link-color;

$nav-item-selected-mode: bottom-border;
$nav-item-selected-border: 4px solid transparent;
$nav-item-hover-border: 4px solid $primary-color;

$wcs-step-current-border: 4px solid $primary-color;