// *************************************
//
//   Global Settings
//   -> Fonts, Typography, Breakpoints
//
// *************************************

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

// ----- Base Colors ----- //

$sitecol-1: #C9243F;
$sitecol-2: #09C;
$sitecol-3: #666;
// ...

// General Colors

$black: rgb(0,0,0);
$darkergrey: lighten($black, 10%);
$darkgrey: lighten($black, 25%);
$grey: lighten($black, 50%);
$lightgrey: lighten($black, 75%);
$lightergrey: lighten($black, 90%);
$white: rgb(255,255,255);


// -------------------------------------
//   Typography
// -------------------------------------

$base-font-size: 1.0625em; // Equals 17px
$base-line-height: 1.411764706em; // Equals 24px;

$h1-font-size: 4.235294118em;
$h1-line: 0.333333333em;
$h1-lines: 3;
$h1-line-height: $h1-line * $h1-lines;
$h1-margin-top: 2 * $h1-line;
$h1-margin-bottom: 1 * $h1-line;

$h2-font-size: 2.647058824em;
$h2-line: 0.533333333em;
$h2-lines: 2;
$h2-line-height: $h2-line * $h2-lines;
$h2-margin-top: 2 * $h2-line;
$h2-margin-bottom: 1 * $h2-line;

$h3-font-size: 1.647058824em;
$h3-line: 0.857142857em;
$h3-lines: 2;
$h3-line-height: $h3-line * $h3-lines;
$h3-margin-top: 1 * $h3-line;
$h3-margin-bottom: 1 * $h3-line;

$h4-font-size: 1em;
$h4-line: 1.411764706em;
$h4-lines: 1;
$h4-line-height: $h4-line * $h4-lines;
$h4-margin-top: 1 * $h4-line;
$h4-margin-bottom: 1 * $h4-line;


// -------------------------------------
//   Breakpoints
// -------------------------------------

$global-breakpoints: (
    'infant' '(min-width: 20em)',
    'baby' '(min-width: 30em)',
    'child' '(min-width: 37.5em)',
    'teen' '(min-width: 48em)',
    'adult' '(min-width: 64em)',
    'mama' '(min-width: 68.75em)',
    'papa' '(min-width: 81.25em)',
    'elder' '(min-width: 120em)'
);