@import '../../utils/variables';

$st-color-royal-blue: #4264fb;
$st-color-cerulean-blue: #2c4de0;
$st-color-persian-blue: #1030bd;
$st-color-night-rider: #333;
$st-color-pink-swan: #b7b7b7;
$st-color-light-gray: #d4d4d4;
$st-color-alabaster: #f7f7f7;
$st-color-moon-yellow: #ebc715;
$st-color-jade: #00c27a;
$st-color-coral-red: #fb4242;
$color-tooltip-color: #232f34;

$st-color-primary: $st-color-royal-blue;
$st-color-primary-hover: $st-color-cerulean-blue;
$st-color-primary-active: $st-color-persian-blue;
$st-color-dark-gray: $st-color-pink-swan;
$st-color-black: $st-color-night-rider;
$st-color-warning: $st-color-moon-yellow;
$st-color-success: $st-color-jade;
$st-color-error: $st-color-coral-red;

$st-color-blueberry: $st-color-royal-blue;
$st-table-th-vertical-align: middle;

$st-badge-border-radius: 4px;
$st-badge-font-size: 11px;
$st-badge-info-color: mix($st-color-royal-blue, white, 60%);
$st-badge-border-info: mix($st-color-royal-blue, white, 40%);
$st-badge-background-info: mix(#dfe5f8, white, 50%);

$st-badge-error-color: mix($st-color-coral-red, white, 60%);
$st-badge-border-error: mix($st-color-coral-red, white, 40%);
$st-badge-background-error: mix(#d7dde7, white, 50%);
$st-badge-height: 24px;

$st-popper-padding: 0;

$st-tabs-tab-selected-text-color: inherit;
$st-tabs-tab-border-width: 1px;
$st-tabs-tab-selected-border-width: 2px;
$st-tabs-tab-border-color: $st-color-gray-light;

$st-collapser-max-height: 320px;
$st-dropdown-max-height: $st-collapser-max-height;