/* ==========================================================================
   Variables
   ========================================================================== */

/* Sizes
   ========================================================================== */
// [base]line
$baseline: 6px !default;
$base: $baseline !default;

// [b]ase [p]redefined [s]izes
$bps-xxs: $base * 3; // 18px
$bps-xs: $base * 4; // 24px
$bps-sm: $base * 6; // 36px
$bps-md: $base * 8; // 48px
$bps-lg: $base * 10; // 60px
$bps-xl: $base * 12; // 72px

// [b]order-[r]adius
$br-sm: 2px !default;
$br-md: 4px !default;
$br-lg: 6px !default;
$br-round: 50% !default;

/* Colors
   ========================================================================== */

$black      : #000000 !default;
$white      : #ffffff !default;
$gray-light : #888888 !default;

$color-charade : #282a36 !default;
$color-green   : #00d46a !default;
$color-blue    : #00a4ff !default;
$color-violet  : #9552ef !default;
$color-red     : #ff4040 !default;
$color-orange  : #ff6e00 !default;
$color-yellow  : #ffb700 !default;

$color-facebook : #38589a;
$color-twitter  : #27aae5;
$color-linkedin : #007ab7;

$primary   : #0e141a !default;
$secondary : $white !default;
$accent    : $color-yellow !default;

/* Grid
   ========================================================================== */

$grid-columns: 16 !default;
$grid-gutter-width: 24px !default;
$grid-margin-width: 20px !default;

$screen-xs: 360px !default;
$screen-sm: 600px !default;
$screen-md: 960px !default;
$screen-lg: 1280px !default;

$container-tablet: $screen-sm - $grid-margin-width !default;
$container-desktop: $screen-md - $grid-margin-width !default;
$container-large-desktop: $screen-lg !default;

$sidebar-width: 260px !default;

/* Scaffolding
   ========================================================================== */

$body-bg: $white !default;
$link-color: $primary !default;
$link-hover-color: $primary !default;
$link-hover-decoration: none !default;

/* Typography
   ========================================================================== */

$font-primary: "Galano", sans-serif !default;
$font-secondary: "Open Sans", sans-serif !default;
$font-mono: "Roboto Mono", sans-serif !default;

// [f]ont-[w]eight [p]rimary
$fwp-bold: 700 !default;
$fwp-normal: 400 !default;

// [f]ont-[w]eight [s]econdary
$fws-bold: 700 !default;
$fws-normal: 400 !default;

$font-size-base: 14px !default;
$font-size-h1: 20px !default;
$font-size-h2: 18px !default;
$font-size-h3: 16px !default;
$font-size-h4: 14px !default;
$font-size-h5: 13px !default;
$font-size-h6: 12px !default;

/* Forms
   ========================================================================== */

$input-bg: rgba($white, .2) !default;
$input-border-focus: $accent !default;
$input-border: rgba($secondary, .2) !default;
$input-color: $primary !default;
$input-color-placeholder: rgba($primary, .3) !default;
$input-group-addon-bg: transparent !default;
$input-height-base: 60px !default;
$input-bg-disabled: $white !default;

$input-inverse-bg: rgba($primary, .05) !default;
$input-inverse-border-focus: $white !default;
$input-inverse-border: rgba($white, .8) !default;
$input-inverse-color: $white !default;
$input-inverse-color-placeholder: rgba($white, .8) !default;

/* Form States
   ========================================================================== */

$state-success-text: $color-green !default;
$state-danger-text: $color-red !default;

/* Dropdowns
   ========================================================================== */

$dropdown-border: rgba($primary, .12) !default;
$dropdown-link-color: rgba($primary, .5) !default;
$dropdown-link-hover-color: rgba($primary, .9) !default;
$dropdown-link-hover-bg: none !default;

/* Bonus
   ========================================================================== */

$shadow-small: 0 1px 1px rgba($primary, .08) !default;
$shadow-large: 0 2px 4px rgba($primary, .12) !default;
$shadow-tooltip: 0 6px 12px rgba($primary, .1) !default;

$transition-duration: .3s !default;
$transition-function: ease-in-out !default;

@import "bootstrap-sass/assets/stylesheets/bootstrap/variables";