// Body
$body-bg:       #e2e4e7;
$body-color:    $gray-900;

// Background elements
$bg-primary: #4782a6;
$bg-secondary: #28678e;

// Buttons
$btn-primary-bg: #4782a6;

// Links
$link-color:            $bg-secondary;
$link-decoration:       none;
$link-hover-color:      darken($link-color, 45%);
$link-hover-decoration: underline;

// Grid columns
$grid-columns: 24;
$grid-gutter-width: 10px;

// Fonts
$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$font-family-base:       $font-family-sans-serif;

$font-size-base: 1rem; // Assumes the browser default, typically `16px`
$font-size-lg:   1.25rem;
$font-size-sm:   .875rem;

$h1-font-size:                $font-size-base * 2.5;
$h2-font-size: 1.3em;
$h3-font-size:                $font-size-base * 1.75 !default;
$h4-font-size:                $font-size-base * 1.5 !default;
$h5-font-size:                $font-size-base * 1.25 !default;
$h6-font-size:                $font-size-base !default;