// Variables




$black:     #000;
$white:     #fff;
$grayDark:  #333;
$gray:      #aaa;

// Default font
$font-family:   "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-size:     10px;
$line-height:   16px;

$iconSize: 12px;

// Text colors
$text-color:                         $black;
$text-color-inverse:                 $white;
$text-color-disabled:                lighten($text-color, 60%);

$textShadow: 0 1px 1px hsla(hue($text-color-inverse), saturation($text-color-inverse), lightness($text-color-inverse), 0.75);
$invertedTextShadow: 0 1px 1px hsla(hue($text-color), saturation($text-color), lightness($text-color), 0.75);

// Button
//$nx-button-padding hinzugefügt. nicht in tinystyle vorhanden
$nx-button-padding: 2px 4px;

$btn-text-color:                     #333;
$btn-text-shadow:                    #fff;
$btn-border-color:                   #c5c5c5;
$btn-caret-color:                    #444;
$btn-text-color-disabled:            $text-color-disabled;

$btn-background:                     $white;
$btn-background-highlight:           darken($white, 15%);
$btn-background-hover:               darken($btn-background, 5%);
$btn-background-highlight-hover:     darken($btn-background-highlight, 5%);

$btn-background-primary:                 #0088cc;
$btn-background-primary-highlight:       #0044cc;
$btn-background-primary-hover:           darken(#0088cc, 5%);
$btn-background-primary-highlight-hover: darken(#0044cc, 5%);
$btn-text-color-primary:                 #fff;

// Menu
$menubar-border:                     #ddd;
$menubar-background-active:          #ddd;
$menuitem-background-hover:          #0081C2;

// Panel
$panel-border:                       #9E9E9E;
$panel-background:                   #FDFDFD;
$panel-background-highlight:         #DDD;

// Tabs
$tab-border:                         #ccc;
$tab-background:                     #e3e3e3;
$tab-background-hover:               #FDFDFD;
$tab-background-active:              #FDFDFD;

// Tooltip
$tooltip-background:                 #000;
$tooltip-text-color:                 $white;

// Popover
$popover-background:                 $white;
$popover-arrow-width:                10px;
$popover-arrow-color:                $white;
$popover-arrow-outer-width:          $popover-arrow-width + 1;
$popover-arrow-outer-color:          rgba(0, 0, 0, 0.25);

// Focus
$focus-border-color:                 rgba(82, 168, 236, .8);
$focus-border-color-fallback:        #59a5e1;

// ------
/*
@black:     #000;
@white:     #fff;
@grayDark:  #333;
@gray:      #aaa;

// Default font
@font-family:   "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-size:     14px;
@line-height:   20px;

// Text colors
@text-color:                         #aaa;
@text-color-inverse:                 @black;
@text-color-disabled:                lighten(@text-color, 50%);

@textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75);
@invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75);

// Button
@btn-text-color:                     #333;
@btn-text-shadow:                    #aaa;
@btn-text-color-disabled:            #888;
@btn-border-color:                   #666;
@btn-caret-color:                    #444;

@btn-background:                     #ddd;
@btn-background-highlight:           #888;
@btn-background-hover:               #eee;
@btn-background-highlight-hover:     #777;

@btn-background-primary:                  #0088cc;
@btn-background-primary-highlight:        #0044cc;
@btn-background-primary-hover:            #0088cc;
@btn-background-primary-highlight-hover:  #0044cc;
@btn-text-color-primary:                 #fff;

// Menu
@menubar-border:                     #333;
@menubar-background-active:          #333;
@menuitem-background-hover:          #0081C2;

// Panel
@panel-border:                       #9E9E9E;
@panel-background:                   #777;
@panel-background-highlight:         #444;

// Tabs
@tab-border:                         #ccc;
@tab-background:                     #e3e3e3;
@tab-background-hover:               #FDFDFD;
@tab-background-active:              #FDFDFD;

// Tooltip
@tooltip-background:                 #000;
@tooltip-text-color:                 @white;
*/