/*------------------------------------*\
    Local variables
\*------------------------------------*/

// Colors
//
// Grayscale and brand colors for use across Bootstrap.

$gray: #666666;
$gray-lighter: #eeeeee;
$gray-lightest: #f0f0f0;

$brand-primary: #ff7240;
$brand-secondary: #2e3b4e;


// Options
//
// Quickly modify global styling by enabling or disabling optional features.

$enable-rounded: false;


// Body
//
// Settings for the `<body>` element.

$body-color: $gray;


// Links
//
// Style anchor elements.

$link-color: $brand-primary;


// Typography
//
// Font, line-height, and color for body text, headings, and more.

// Rem px ratio Function
@function ptr($px) {
	@return ($px / $rem-px-ratio) + rem;
}

$font-family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
$primary-font: $font-family-sans-serif;

$font-size-root: 18px;
$rem-px-ratio: 18;

$font-size-h1: ptr(36);
$font-size-h2: ptr(30);
$font-size-h3: ptr(24);
$font-size-h4: ptr(20);
$font-size-h5: ptr(18);
$font-size-h6: ptr(16);

$headings-font-family: $primary-font;
$headings-font-weight: 800;
$headings-line-height: 1.2;
$headings-color: $brand-secondary;


// Components
//
// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

$border-radius: ptr(2);


// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.

$btn-padding-x: ptr(37);
$btn-padding-y: ptr(20.5);
$btn-font-weight: bold;


// ProteusThemes variables
//
// Custom variables which are not part of the Bootstrap.

// Transitions
$primary-transition: all 100ms ease-out;

// Font Awesome path
$fa-font-path: 'bower_components/font-awesome/fonts';
