@import '../includes/fonts/ubuntu';

// colors / typo
$blue-1: #2E496B;
$blue-2: #2699d6;
$blue-3: #8DA3B0;
$blue-4: #88BCE7;
$gray-1: #F1F1F1;
$yellow: #ffdc00;

$primary-color: $blue-1;
$font-size: 1rem;
$font-family: Ubuntu, sans-serif;
$link-color: $blue-1;
$header-logo-size: 180px 60px;

$nav-background: transparent;
$nav-color: black;

$nav-active-color: $blue-1;
$nav-border-color: none;
$nav-height: auto !default;
$nav-menu-side: 50px !default;
$nav-menu-color: black;
$nav-full-width-background: true;

$nav-item-selected-border: none;
$nav-item-selected-background: $yellow;
$nav-item-selected-color: black;
$nav-item-hover-color: $blue-2;
$nav-item-hover-background: transparent;

$nav-mobile-menu-background: white;
$nav-mobile-menu-item-hover-background: none;

$title-background: transparent;
$title-color: black;
$title-font-size: 1.6rem;
$title-weight: 500;
$title-border-radius: 0;
$title-border-bottom: 1px dotted black;

$cell-background: white;
$cell-border: none;
$cell-border-radius: 4px;
$cell-title-cover-border: true;

$cell-entry-hover-background: $blue-1;
$cell-entry-hover-color: white;
$cell-entry-border: none;

$button-background: $blue-1;
$button-color: white;
$button-border: none;
$button-hover-background: $blue-4;
$button-hover-color: black;
$button-border-radius: 2px;
$nav-button-background: $blue-4;

$widget-background: $gray-1;
$widget-color: black;
$widget-border-radius: 2px;
$widget-focus-outline: none;

$cancel-button-style: "%inverted-button";

$cell-entry-hover-color: black;
$cell-entry-hover-background: $blue-4;

$wcs-step-color: $blue-3;
$wcs-step-border-bottom: 1px solid $wcs-step-color;
$wcs-step-current-border-bottom: 1px solid $primary-color;
$wcs-step-marker-size: 1.8em;
$buttons-order: previous, submit (grow), cancel;

$footer-background: $blue-3;
$footer-color: black;
$footer-link-color: black;