// =============================================================================
// Variables
// =============================================================================

// Font stacks.
$georgia:         Georgia, "Times New Roman", "DejaVu Serif", serif;
$helvetica:       Helvetica, Arial, "Nimbus Sans L", sans-serif;

$lato:            'Lato', sans-serif;

// For an explanation of why "sans-serif" is at the end of this list, see
// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
$courier:         "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
$base-font-size:   10px; // The font size set on the root html element.
$base-line-height: 24px; // This line-height determines the basic unit of vertical rhythm.
$lineheight: 1.75em;
$rhythm-unit: "rem";
$rem-with-px-fallback: "true";

$h1-font-size: 3.2    * $base-font-size;
$h2-font-size: 2.4  * $base-font-size;
$h3-font-size: 1.8 * $base-font-size;
$h4-font-size: 1.6    * $base-font-size;
$h5-font-size: 1.3 * $base-font-size;
$h6-font-size: 1 * $base-font-size;

// Create some variables for the font stacks we want to use on this site.
$base-font-family: $lato; // The font family set on the html element.
$font-body:        $lato;
$font-monospace:   $courier;

//Define your variables
$border: 1px solid #ccc;



// Breakpoints
$min-width: 320px;
$mobile: max-width 500px;
$lg-mobile: 501px 760px;
$tablet: min-width 761px;
$tablet-only: 761px 1023px;
$all-devices: max-width 1023px;
$desktop: min-width 1024px;
$desktop-only: 1024px 1439px;
$lg-desktop: min-width 1440px;



// Colors

// GD brand colors
$gdblue: #034F9D;
$gdgray: #6d6e71;
$gdgreen: #BAAD3E;
$gdred: #D5534E;
$gdteal: #46A0B7;
$gdyellow: #FCCA53;

// Misc colors
$black: #000;
$ltblue: #96B4CE;
$blue: #326CB1;
$medblue: #2f6BAA;
$ltgray: #A2A2A2;
$medgray: #666;
$gray: #333;
$owhite: #F2F2F2;
$white: #FFF;
$highlight: $gdblue;



// The amount lists, blockquotes and comments are indented.
$indent-amount: 30px;

// The height of the navigation container.
$nav-height: 3em;

// Tab styling.
$tabs-container-bg: #fff;
$tabs-border: #bbb;

// Form variables
$form-input-size: 14px;
$form-label-size: 14px;