/*
------------------------------------------------------------------------------
Yb    dP    db    88""Yb 88    db    88""Yb 88     888888 .dP"Y8 
 Yb  dP    dPYb   88__dP 88   dPYb   88__dP 88     88__   `Ybo." 
  YbdP    dP__Yb  88"Yb  88  dP__Yb  88""Yb 88  .o 88""   o.`Y8b 
   YP    dP""""Yb 88  Yb 88 dP""""Yb 88oodP 88ood8 888888 8bodP' 
------------------------------------------------------------------------------
  Variables: All global variables should be stored here. 
------------------------------------------------------------------------------
*/

/* =============================================================================
   Debug
   ========================================================================== */
//$DEBUG          : true;
$DEBUG          : false;

/* =============================================================================
   Basic Grid
   ========================================================================== */
$total-columns  : 12;
$column-width   : 4em;
$gutter-width   : 1em;
$grid-padding   : $gutter-width;

$show-grid-backgrounds  : true;



/* =============================================================================
   Media Queries / Retina Display
   ========================================================================== */
$mq-mob-min		   :0 ;
$mq-mob-max		   :480px;
    
$mq-tab-min		   :481px; 
$mq-tab-max		   :800px;
    
$mq-dsk-min		   :801px;
$mq-dsk-max		   :1200px;

$pixel-ratio-min :1.5;
//$pixel-ratio   :1;

/* =============================================================================
   Logo
   ========================================================================== */
$logo-width       :328;
$logo-height      :72;
   
$logo-ratio       :$logo-height/$logo-width;
//@debug $logo-ratio;

/* =============================================================================
   Padding / Margins
   ========================================================================== */
/*   
$pad-t              :; //top
$pad-b              :; //bottom
$pad-l              :; //left
$pad-r              :; //right

$mar-t              :; //top
$mar-b              :; //bottom
$mar-l              :; //left
$mar-r              :; //right
*/

/* =============================================================================
   Colours
   ========================================================================== */
/*
$col-pri            :; // primary
$col-sec            :; // secondary
$col-ter            :; // tertiary
*/

$col-header         :#1B1B1B;
$col-body           :#222;

$col-black          :#000;
$col-white          :#fff;
$col-light-gray     :#eee;
$col-gray           :#dedede;
$col-dark-gray      :#ccc;
/*
$col-red            :;
$col-green          :;
$col-blue           :;
$col-yellow         :;
*/

/* =============================================================================
   Typography - These vars are used throughout the project. Do NOT remove.
   Used in Compass Vertical Rhythm
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans|PT+Serif+Caption);

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

// Shortcuts
$lh-px            :$base-line-height;
$lh-rem           :($base-line-height/$base-font-size) + rem;

$base-font        :'Open Sans', sans-serif;
$base-font-alt    : 'PT Serif Caption', serif;

/* =============================================================================
   Forms
   ========================================================================== */