// Colors
$gray: #686767;
$gray-dark: #444;
$gray-xdark: #222;
$gray-xlight: #EFEDE2;
$gray-xxlight: #FAFAF7;
$blue-light: #79baff;
$blue: #3879BF;
$blue-dark: #004084;
$red: #D02829;

// Typo
$ff-serif: Georgia, serif;
$ff-ss-serif: 'Open Sans', sans-serif;
$ff-ss-serif-cond: 'Open Sans Condensed', sans-serif;

$base-font: 18;

$fz-1: 38rem / $base-font;
$fz-1m: 28rem / $base-font;
$fz-2: 32rem / $base-font;
$fz-2m: 24rem / $base-font;
$fz-3: 22rem / $base-font;
$fz-3m: 20rem / $base-font;
$fz-small: 16rem / $base-font;
$fz-xsmall: 14rem / $base-font;

// Core vars
$width: 1280em / $base-font;
$mobile-limit: 64em;
$very-small-limit: 35em;
$columns-gutter: 16px;
$sidebar-width: 290px;

$font-family: Georgia, "Times New Roman", Times, serif;
$font-size: 100% / ( 16 / $base-font );
$font-size-small: $fz-small;
$font-size-xsmall: $fz-xsmall;
$font-color: $gray-xdark;
$link-color: $blue;
$link-decoration: underline;

$primary-color: #003D8D;
$body-background: $gray-xlight;
$header-background-color: white;
$header-logo-size: 155px 47px;
$toplinks-style: none;

$nav-font-family: $ff-ss-serif;
$nav-font-weight: 400;
$nav-item-transform: uppercase;
$nav-item-selected-mode: bottom-border;

$nav-border-color: none;
$nav-button-color: $gray;
$nav-button-background: transparent;
$nav-menu-side: 32px;
$nav-color: $blue;
$nav-item-selected-border: 13px solid $red;
$nav-item-hover-background: none;
$nav-item-hover-color: $nav-color;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-color: $nav-color;
$nav-after-image: false;

$title-font-family: $ff-ss-serif-cond;
$title-font-size: $fz-2;
$title-weight: bold;
$title-color: $blue;
$title-padding: 1rem;

$cell-border: none;
$cell-entry-hover-background: transparent;
$cell-entry-hover-color: $blue-dark;
$cell-open-foldable-icon: "\f105"; // angle-right
$cell-close-foldable-icon: "\f107"; // angle-down

$form-title-style: none;
$form-sidebar-width: $sidebar-width;
$form-sidebar-gutter: $columns-gutter;

$button-background: $gray-dark;
$button-color: white;
$button-border: 1px solid $button-background;
$button-hover-background: $blue-dark;
$button-border-radius: 2px;
$buttons-order: cancel, previous, submit;
$button-padding: 0.625rem 2em;

$form-background: white;
$error-color: $red;
$form-accent-color: $blue;
$widget-unique-checkbox-position: left;
$widget-border: 1px solid $gray;
$widget-focus-border: 1px solid $blue;
$widget-focus-outline: 1px solid $blue;

$wcs-steps-small-layout-limit: $mobile-limit;
$wcs-steps-spacing: 0;
$wcs-step-color: $gray;
$wcs-step-current-color: $font-color;
$wcs-step-border-bottom: none;

$notification_error_color: #FFF4F4;
$notification_warning_color: #FFF9E3;
$notification_success_color: #F0FFF2;
$notification_info_color: #F0F8FF;
$notification-icon-size: 20px;


$footer-background: $gray-xdark;
$footer-color: white;
$footer-link-color: $footer-color;
$footer-menucell-separator: 2px solid currentColor;

