$brand-primary: #3c8dbc;
$brand-danger: #dd4b39;
$brand-success: #00a65a;
$brand-info: #555555;
$brand-warning: #aa6708;
$brand-primary-accent: darken($brand-primary, 15%);
$brand-secondary: #2c3e50;
$brand-dark-accent: #222d32;

$font-size-base: 18px;
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$headings-font-family: "Open Sans", sans-serif;
$text-color: $brand-secondary;
$gray-lighter: lighten(#000, 93.5%);

$font-size-h1: floor(($font-size-base * 2.0)) !default;
$font-size-h2: floor(($font-size-base * 1.75)) !default;
$font-size-h3: ceil(($font-size-base * 1.5)) !default;
$font-size-h4: ceil(($font-size-base * 1.25)) !default;

$blockquote-font-size: 16px;

$navbar-height: 80px;
$navbar-margin-bottom: 0;
$navbar-border-radius: 0;

$code-bg: $gray-lighter;
$code-color: $text-color;

//=== Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: $brand-primary;

// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: lighten($brand-primary, 35%);
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: #fff;
$navbar-inverse-link-active-bg: $brand-primary;
$navbar-inverse-link-disabled-color: #444;
$navbar-inverse-link-disabled-bg: transparent;

// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: #fff;
$navbar-inverse-brand-hover-bg: transparent;

// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: $brand-primary-accent;
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($brand-primary, 5%);

//== Container sizes
$grid-gutter-width: 30px !default;
// Large screen / wide desktop
$container-large-desktop: (940px + $grid-gutter-width) !default;
//** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;

// Screen sizes

$screen-xxs: 375px;
$screen-xxs-min: 375px;
$screen-xxs-max: ($screen-xxs-min - 1);

@import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";