$blue: #3452ff;
$epicea: #5d7b84;

$gray-light-1: rgba(0, 0, 0, 0.87);

$primary-color: $blue;

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

// // typo
$font-color: black;
$font-family: "Source Sans Pro", sans-serif;
$font-size: 18px;
$font-line-height: 27px;
$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: 1200px;
$link-color: $blue;
$link-decoration: underline;
$link-hover-decoration: none;

$responsive-menu: left-to-right;
$nav-color: white;
$nav-background: transparent;
$nav-button-background: transparent;
$nav-button-color: white;
$nav-border-color: none;
$nav-mobile-menu-background: white;
$nav-item-background: transparent;
$nav-item-selected-background: $blue;
$nav-item-selected-color: white;

$nav-item-hover-background: white;
$nav-item-hover-color: $blue;

$nav-submenu-background: $blue;
$nav-submenu-color: white;

$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-background: $blue;

$toplinks-border-radius: 0;
$toplinks-box-shadow: none;
$toplinks-padding: $space-medium;
$toplinks-border: none;


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

$button-background: $blue;
$button-color: white;
$button-border: 2px solid $blue;
$button-hover-background: white;
$button-hover-color: $blue;
$button-focus-outline: 2px solid $blue;
$button-focus-outline-offset: 2px;
$cancel-button-style: '%inverted-button';
$buttons-order: previous, cancel (grow), submit;

$form-sidebar-width: 30%;

$widget-background: white;
$widget-focus-border: 1px solid transparent;
$widget-border-radius: 4px;
$widget-focus-outline: 2px solid $blue;
$widget-unique-checkbox-position: left;

$footer-background: black;
$footer-color: white;
$footer-link-color: white;
