// Colors
// ---------------------------
$primary-color : #0033a0;
$secondary-color : #263238;
$black : #263238;
$green : #00aa13;
$yellow : #f1c400;
$red : #e53935;

// Font
// ---------------------------
$em-size : 14px;

// Font weights
// ---------------------------
$light : 300;
$regular : 400;
$bold : 700;

// Base Font
// ---------------------------
$base-font : Roboto;
$base-font-family : sans-serif;
$base-font-weight : $light;
$base-font-size : 1em;
$base-line-height : 1.55em;
$text-color : $black;

// Heading Font
// ---------------------------
$headers-font : Montserrat;
$headers-font-family : sans-serif;
$headers-font-weight : $regular;
$headers-color : $primary-color;
$method-headers-color : $primary-color;
$h1: 1.85714285714286em;
$h2: 1.5714285714285714em;
$h3: 1.2857142857142858em;
$h4: 1.1428571428571428em;
$h5: 0.929em;

// Side Bar
// ---------------------------
$side-bar-width: 260px;
$side-bar-bg-color: #FAFAFA;
$side-menu-item-color: #384248;
$side-menu-even-bg-color: #F0F0F0;
$side-menu-active-bg-color: #f0f0f0;
$side-menu-item-hpadding: 20px;
$side-menu-item-vpadding: 5px;

// Sample Panel
// ---------------------------
$samples-panel-bg-color: $black;
$samples-panel-width: 40%;
$sample-panel-headers-color: lighten($black, 50%);
$sample-panel-color: lighten($black, 80%);

$tree-lines-color: rgba($primary-color, .5);

$side-menu-mobile-breakpoint: 1000px;

// Border Radius
// ---------------------------
$border-radius: 2px;
