$grid-gutter-width: 24px;

$text-color: $color-blue-500;

$line-height-input: 1.25;

$input-height-base: floor(($font-size-base * $line-height-base) + 17); // the top and bottom padding on the buttons are 7 + 8 = 15px plus 2px border
$input-border-radius: 2px;

$state-warning-text: $color-blue-500;
$state-warning-bg: #fff6db;
$state-warning-border: #ffc20e;

$state-success-border: #6ca66c;

$state-info-border: #d9d9d9;
$state-info-bg: $color-blue-300;

// form validation
$state-danger-text: #ce7373;
$state-success-text: $state-success-border;

// Buttons
$btn-primary-color: $color-blue-500;
$btn-primary-bg: $color-green;

// == Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for `<th>`s and `<td>`s.
$table-cell-padding: 8px;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px;

//** Default background color used for all tables.
$table-bg: transparent;
//** Background color used for `.table-striped`.
$table-bg-accent: $color-blue-100;
//** Background color used for `.table-hover`.
$table-bg-hover: $color-blue-200;
$table-bg-active: $table-bg-hover;

//** Border color for table and cell borders.
$table-border-color: $color-blue-200;