$gray-base:   $light-900;
$gray-darker: $light-800; // #222
$gray-dark:   $light-700;   // #333
$gray:        $light-500; // #555
$gray-light:  $light-300; // #777
$gray-lighter:$light-200; // #eee

$font-family: sans-serif;
$font-size: 14px;
$font-size-large: ceil(($font-size * 1.25));
$font-size-small: ceil(($font-size * 0.85));

$line-height: 1.4;
$line-height-computed: floor(($line-height * $font-size));

$padding-base-vertical: 5px;
$padding-base-horizontal: 10px;

$border-radius-base: 3px;
$btn-border-radius-base: $border-radius-base;

$icon-font-path: "../../fonts/";
$icon-font-name: "summernote";
$icon-font-svg-id: "summernote";

$btn-font-weight: normal;
$btn-default-color : #333;
$btn-default-bg: #fff;
$btn-default-border: $border-color;
$btn-default-hover-bg: #ebebeb;
$btn-default-active-bg: #f0f0f0;

$input-bg: $white;
$input-bg-disabled: $lighter;
$input-color: $base-text;
$input-border: $border-color;

$input-border-focus: $accent-color;
$input-color-placeholder: $base-light;

$cursor-disabled: not-allowed;

$zindex-dropdown:          1000;
$zindex-popover:1060;
$zindex-tooltip:1070;
$zindex-modal-background:  1040;
$zindex-modal:  1050;

$dropdown-color-bg: $white;
$dropdown-color-border: $border-color;

$tooltip-max-width:200px;
$tooltip-color:    $white;
$tooltip-bg:       $dark;
$tooltip-opacity:  .9;
$tooltip-arrow-width:         5px;
$tooltip-arrow-color:         $tooltip-bg;

$popover-bg:    $white;
$popover-color: $base-text;
$popover-max-width:        276px;
$popover-border-color:     $border-color;
$popover-fallback-border-color:       $border-color;
$popover-title-bg:         $lighter;
$popover-arrow-width:      10px;
$popover-arrow-color:      $popover-bg;
$popover-arrow-outer-width:($popover-arrow-width + 1);
$popover-arrow-outer-color:fade-in($popover-border-color, .05);
$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%);


$modal-inner-padding: 15px;
$modal-title-padding: 15px;
$modal-title-line-height: $line-height;
$modal-content-bg: $white;
$modal-content-border-color: $border-color;
$modal-content-fallback-border-color: $border-color;
$modal-backdrop-bg: $dark;
$modal-backdrop-opacity: .5;
$modal-header-border-color: $border-color;
$modal-footer-border-color: $modal-header-border-color;