_variables.scss

// Typography
$base-font-family: 'Ubuntu', $helvetica;
$heading-font-family: $base-font-family;

// Font Sizes
$base-font-size: 1em;

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;

// Other Sizes
$base-border-radius: 1em;
$base-spacing: $base-line-height * .8em;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;

// Colors
$dark-gray: #333;
$brownish-gray: #5d5d5d;
$medium-gray: darken(#d0d0d0,10%);
$light-gray: #ddd;
$spinner-gray: #666;
$orange: #0047ba;
$blue: #0047ba;
$normal-text: $orange;

$real-orange: #DE8F41;

$metric-left-width: 30%;
$metric-header-height: 6.5em;
$metric-footer-height: 4em; // Building comparsion column height
$footer-height: 2em; // Footer height



// Font Colors
$base-background-color: #f2f2f2;
$base-font-color: $orange;
$action-color: white;

$inverse-font-color: white;

// Border
$base-border-size: 1px;
$base-border-color: white;
$base-border: $base-border-size solid $base-border-color;

// Forms
$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);

$header-height: 0em;

// Charts

$tick-color: $brownish-gray;

// zIndexes
$zIndex1: 1;
$zIndex10: 10;
$zIndex100: 100;
$zIndexMax: 999999;