$carbon: #3b3b3b;
$gray-1: rgb(59, 59, 59);
$blue-dark: #164496;
$blue-light: #00a0df;

$primary-color: $blue-dark;

$space-xsmall: 0.25em;
$space-small: 0.5em;
$space-medium: 1em;
$space-large: 2em;
$space-xlarge: 3em;

// typo
$font-color: $carbon;
$font-family: Roboto, sans-serif;
$font-size: 18px;
$font-line-height: 1.2;
$base-font: 16;
$fz-1: 30em / $base-font;
$fz-2: 24em / $base-font;
$fz-3: 21em / $base-font;
$fz-4: 18em / $base-font;
$fz-small: 14em / $base-font;
$fz-xsmall: 12em / $base-font;;
$fz-xxsmall: 11em / $base-font;;

$width: 1400px;
$link-color: $blue-dark;
// $link-decoration: none;
// $link-hover-decoration: none;

// $header-logo-size: 59px 37px;
$responsive-menu: left-to-right;
$nav-color: white;
$nav-background: transparent;
$nav-button-background: $gray-1;
$nav-button-color: white;

// $nav-mobile-menu-background: $white;
$nav-item-background: transparent;
$nav-item-selected-background: white;
$nav-item-selected-color: $gray-1;

$nav-submenu-item-hover-color: $gray-1;

$nav-submenu-background: $gray-1;
$nav-submenu-color: white;

$nav-border-color: white;
$nav-mobile-menu-background: $gray-1;
$nav-mobile-menu-item-color: white;
$nav-mobile-bottom-bar-background: $gray-1;
$nav-mobile-bottom-bar-item-hover-background: white;
$nav-mobile-bottom-bar-item-hover-color: $gray-1;
$nav-mobile-bottom-bar-item-selected-background: $blue-dark;
$nav-mobile-bottom-bar-item-selected-color: white;

$cell-border: none;

$title-color: $blue-dark;
$title-font-size: $fz-2;
$title-weight: 700;

$button-background: $blue-dark;
$button-border-radius: 25px;
$button-hover-background: darken($button-background, 20%);
$cancel-button-style: '%inverted-button';
$buttons-order: previous, cancel (grow), submit;


$widget-background: lighten($gray-1, 75%);
$widget-focus-border: 1px solid $primary-color;
$widget-focus-outline: 1px solid $primary-color;

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

$toplinks-border: none;
$toplinks-border-radius: 0;
$toplinks-background: rgba(26, 26, 26, 0.8);
$toplinks-padding: $space-small $space-medium;
