//
// Variables
// ---
// bigchain.io
//

//
// Colors
//
$brand-main-blue:         #003C69;
$brand-main-black:        #000000;
$brand-main-white:        #FFFFFF;

$gray-dark:               #373a3c !default;
$gray:                    #55595c !default;
$gray-light:              #818a91 !default;
$gray-lighter:            #eceeef !default;
$gray-lightest:           #f7f7f9 !default;

$brand-primary:           $brand-main-blue !default;
$brand-success:           #5cb85c !default;
$brand-info:              #5bc0de !default;
$brand-warning:           #f0ad4e !default;
$brand-danger:            #d9534f !default;


//
// Typography
//
$font-family-fira:        'Fira Sans', sans-serif !default;
$font-family-avenir:      'Avenir', 'Helvetica Neue', 'Arial', sans-serif !default;
$font-family-monospace:    Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:         $font-family-avenir !default;

$font-weight-light:         300 !default;
$font-weight-normal:        400 !default;
$font-weight-bold:          600 !default;
$font-weight-base:          $font-weight-light !default;

$font-size-root:            16px !default;

$font-size-base:            1rem !default;
$font-size-large:           ceil(($font-size-base * 1.25)) !default;
$font-size-small:           ceil(($font-size-base * 0.875)) !default;
$font-size-mini:            ceil(($font-size-base * 0.75)) !default;

$font-size-h1:              floor(($font-size-base * 2.6)) !default;
$font-size-h2:              floor(($font-size-base * 2.25)) !default;
$font-size-h3:              ceil(($font-size-base * 1.7)) !default;
$font-size-h4:              ceil(($font-size-base * 1.25)) !default;
$font-size-h5:              $font-size-base !default;
$font-size-h6:              ceil(($font-size-base * 0.85)) !default;

$line-height-base:          1.4 !default;
$line-height-computed:      floor(($font-size-base * $line-height-base)) !default;

$headings-font-family:      $font-family-fira !default;
$headings-font-weight:      $font-weight-light !default;
$headings-line-height:      1.2 !default;
$headings-color:            $brand-main-blue !default;


//
// Scaffolding
//
$body-bg:                   #fff !default;
$text-color:                $brand-main-black !default;

$link-color:                $brand-main-blue !default;
$link-hover-color:          darken($link-color, 15%) !default;


//
// Grid
//
$gutter-space:              4% !default;


//
// Responsive breakpoints
//
$screen-sm-min:             30em !default;
$screen-md-min:             40.625em !default;
$screen-lg-min:             87.500em !default;

$screen-sm:                 'min-width: #{$screen-sm-min}';
$screen-md:                 'min-width: #{$screen-md-min}';
$screen-lg:                 'min-width: #{$screen-lg-min}';