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

$green: #00aa9e;
$blue: #0165ba;
$yellow: #fbd764;
$orange: #ffae0d;
$mauve: #3c4393;

$altgreen: #16c4b3;

$border-radius: 3px;
$cell-border-radius: 0;
$font-family: Roboto, sans-serif;
$primary-color: $green;
$mobile-limit: 800px;
$very-small-limit: 360px;
$width: 1280px;
$sidebar-width: 400px;
$sidebar-position: right;
$body-background: #eee;
$title-font-family: "Geometric 231", $font-family;

$link-color: $mauve;

$header-background: $green;

$mobile-header-height: 32px;

$nav-after-image: false;
$nav-full-width-background: true;
$nav-background: $blue;
$nav-active-color: $blue;
$nav-color: white;
$nav-menu-side: $mobile-header-height;
$nav-mobile-menu-background: $blue;
$nav-mobile-menu-item-color: white;
$nav-button-bar-height: 4px;

$nav-mobile-bottom-bar-height: 48px;
$nav-mobile-bottom-bar-color: $blue;
$nav-mobile-bottom-bar-item-hover-background: $yellow;
$nav-mobile-bottom-bar-item-hover-color: $blue;
$nav-mobile-bottom-bar-badge-background: $orange;

$footer-background: $body-background;
$footer-color: #333;

$cell-border: 0;
$cell-title-cover-border: false;
$title-color: $mauve;
$title-background: transparent;
$title-transform: uppercase;

$carrousel-height: 600px;

$button-background: $green;
$button-border-radius: 25px;
$widget-background: transparent;
$widget-border-radius: 15px;
$widget-border: 1px solid #3c4393;

$carrousel-arrows: none;
$carrousel-text-position: bottom left;

$wcs-steps-background: #b3b3b3;
$wcs-step-current-color: $mauve;
$wcs-steps-small-layout-limit: $mobile-limit;

$form-titlebar-mode: form;
