// Colors
// ------

$gray-light: #999 !default;
$gray: #444 !default;
$gray-dark: #222 !default;
$blue: #006699 !default;
$facebook-blue: #3B5998 !default;
$twitter-blue: #00ACED !default;
$red-dark: #A01D2B !default;


// Grid
// -----

$page-width: 940px !default;
$column-count: 12 !default;
$column-gutter: 20px !default;
$responsive-breakpoint: 767px !default;
$mobile-padding: 15px !default; // Distance from content to edge of screen on mobile
$tablet-padding: 20px !default; // Distance from content to edge of screen on tablet

// Typography
// ----------

$base-font-color : $gray !default;
$muted-font-color : $gray-light !default;
$base-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
$base-font-size : 14px !default;
$base-line-height : 21px !default;
$small-font-size : 12px !default;
$small-line-height : 18px !default;
$heading-font-family : $base-font-family !default;
$heading-font-weight: 600 !default;
$heading-color : $gray-dark !default;
$icon-size: 20px !default;

// Links
// -----

$link-color : $blue !default;

// Miscellaneous UI
// ----------------

$site-background-color: #fafafa !default;
$big-border-radius: 4px !default;
$small-border-radius: 4px !default;
$border-color: rgba(0,0,0,0.13) !default;
$box-shadow: 0px 1px 1px rgba(0,0,0,0.08) !default;

// Buttons
// -------

$button-theme: glossy !default; // Required - can take values of glossy or flat
$button-height: 32px !default; // Total height of normal size button
$button-caret-height: 4px !default;
$button-font-color: $base-font-color !default;
$button-font-family: $heading-font-family !default;
$button-font-size: 12px !default;
$button-font-weight: 600 !default;
$button-icon-size: 16px !default;
$button-solid-background: #e0e0e0 !default; // Solid color for flat buttons and fallback
$button-highlight: #fbfbfb !default; // Top gradient stop for glossy theme
$button-lowlight: darken($button-highlight, 6%) !default; // Bottom gradient stop for glossy theme
$button-border-color: rgba(0,0,0,0.2) !default; // Border color - ignored when theme is flat, highly recommended to keep this as an alpha value of black
$button-border-width: 1px !default; // Border width - ignored when theme is flat
$button-shine: #fff !default; // 1px shine at top of button and inset text - ignored when theme is flat
$button-horizontal-padding: $button-font-size !default;
$button-border-radius: $small-border-radius !default;
$button-box-shadow: 0px 1px 1px rgba(0,0,0,0.08) !default;
$button-large-height: 40px !default;
$button-large-font-size: 16px !default;
$button-large-horizontal-padding: 20px !default;
$button-small-height: 24px !default;
$button-small-font-size: 11px !default;
$button-small-horizontal-padding: 11px !default;

// Navbar
// ------

$navbar-background-color: $gray-dark !default;
$navbar-height: 50px !default;
$navbar-highlight: #99191C !default;
$navbar-lowlight: #6A111A !default;
$navbar-link-font-size: 14px !default;
$navbar-link-color: #fff !default;
$navbar-branding-font-size: 18px !default;
$navbar-caret-height: 5px !default;
$navbar-link-horizontal-padding: $navbar-link-font-size !default;

$vertical-nav-link-font-size: 16px !default;
$vertical-nav-link-height: 32px !default;

$mobile-nav-link-font-size: $base-font-size !default;
$mobile-nav-link-height: 30px !default;

// Dropdowns
// ---------

$dropdown-background: #fff !default;
$dropdown-link-font-size: $base-font-size !default;
$dropdown-link-height: 24px !default;
$dropdown-caret-height: 5px !default;
$dropdown-box-shadow: 0px 1px 2px rgba(0,0,0,0.2) !default;

// Forms
// -----

$form-input-height: 30px !default;
$form-input-gutter: 20px !default;
$form-transition-duration: 0.2s !default;
$input-border-radius: 2px !default;
$placeholder-color: $muted-font-color !default;
$placeholder-focus-color: lighten($muted-font-color, 15%) !default;
$radio-checkbox-input-height: 13px !default;
$radio-checkbox-item-height: $base-font-size * 2 !default;
$radio-checkbox-font-size: $base-font-size !default;
$radio-checkbox-line-height: $base-line-height !default;
$single-checkbox-font-size: $small-font-size !default;
$error-color: $red-dark !default;

// Modals
// ------

$modal-padding: 20px !default;
$modal-width: 400px !default;

// Sprites
// -------

$sprite-color-size: 300px 300px !default;
$sprite-icons-white-size: 300px 300px !default;
$sprite-icons-black-size: 300px 300px !default;