// @ base-font
// ================================================================================
$base-font-family: "proxima-nova", sans-serif;
$base-font-size: 16px;
$base-line-height: 1.4;
$base-font-color: #555;

// @ base-colors
// ================================================================================
$black: #000;
$gray: #bbb;
$white : #fff;

// @ custom-colors
// ================================================================================
$blue: #1c88c8;
$blue-dark: #094782;
$blue-lite: #72b8de;
$brown: #cf813b;
$yellow: #f9de5e;

// @ anchors
// ================================================================================
$anchor-color: red;
$anchor-hover-color: blue;
$anchor-decoration: none;
$anchor-hover-decoration: underline;

// @ headings
// ================================================================================
$h1-font-family: $base-font-family;
$h1-font-color: $base-font-color;
$h1-font-size: 26px;
$h1-font-weight: bold;

$h2-font-family: $base-font-family;
$h2-font-color: $base-font-color;
$h2-font-size: 30px;
$h2-font-weight: bold;

$h3-font-family: $base-font-family;
$h3-font-color: $base-font-color;
$h3-font-size: 26px;
$h3-font-weight: bold;

$h4-font-family: $base-font-family;
$h4-font-color: $base-font-color;
$h4-font-size: 20px;
$h4-font-weight: bold;

// @ page
// ================================================================================

// @ images
// ================================================================================
$growth-chart: "growth_chart.png";
$other-chart: "other_chart.png";
$rn-chart: "rn_chart.png";
$social-chart: "social_chart.png";
$stars: "stars.png";
$timeline: "timeline2.png";

// @ icons
// ================================================================================
$icons: (
    angle-d-r: "\f101"
);