// ------------------------------------------------------------------- //
//  Project Settings
// ------------------------------------------------------------------- //
// ------------------------------------------------------------------- //
//  Typography
// ------------------------------------------------------------------- //

$base-font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
$brand-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


// ------------------------------------------------------------------- //
//  Sizes
// ------------------------------------------------------------------- //

$base-font-size:   16px;
$base-line-height: 24px;

$base-border-radius: 3px;

// Heading Sizes

$giga-size:  96px; // %giga
$mega-size:  72px; // %mega
$kilo-size:  48px; // %kilo

$h1-size:    42px; // %alpha
$h2-size:    36px; // %bravo
$h3-size:    24px; // %charlie
$h4-size:    20px; // %delta
$h5-size:    18px; // %echo
$h6-size:    16px; // %foxtrot

$milli-size: 12px; // %milli
$micro-size: 10px; // %micro


// ------------------------------------------------------------------- //
//  Weights
// ------------------------------------------------------------------- //

$lightest:  100;
$light:     300;
$normal:    400;
$semibold:  600;
$bold:      700;
$black:     900;


// ------------------------------------------------------------------- //
//  Colors
// ------------------------------------------------------------------- //

//  Base colors
$base-body-color:  #fff;
$base-font-color:  #333;
$base-border-color: #ddd;

//  Brand colors
$brand-color: #477DCA; // Blue

//  Link Colors
$base-link-color:  $brand-color;
$base-link-color--hover: lighten($brand-color, 10%);


// ------------------------------------------------------------------- //
//  Form Variables
// ------------------------------------------------------------------- //

$form-border-color:       $base-border-color;
$form-border-color-hover: darken($base-border-color, 10%);
$form-border-color-focus: $brand-color;
$form-border-radius:      $base-border-radius;

$form-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
$form-box-shadow-focus:
  $form-box-shadow,
  0 0 5px rgba(darken($form-border-color-focus, 5%), 0.7);

$form-font-family: $base-font-family;
$form-font-size:   $base-font-size;


// ------------------------------------------------------------------- //
//  Grid Overrides
// ------------------------------------------------------------------- //

// $max-width: 960px;
// $grid-columns: 12;
// $grid-gutter: 15px;


// ------------------------------------------------------------------- //
//  Media Query Widths
// ------------------------------------------------------------------- //

$mobile:  480px;
$tablet:  990px;
$laptop:  1440px;
$desktop: 1920px;


// ------------------------------------------------------------------- //
//  Variables
//
//  Any other global variables required should go below
// ------------------------------------------------------------------- //