// gradient --------------------------
$degrade: #0069B4;
$degrade-hover: #0069B4;

// colors --------------------------
$main-color: #009ff5;
$main-color-100: #96BEE4;
$main-color-200: #619DD6;
$main-color-300: #337DC3;
$main-color-400: #255B8E;
$main-color-500: #153451;

$main-color-alpha-10: rgba($main-color-400, 0.1);
$main-color-alpha-50: rgba($main-color-400, 0.5);


$primary-color: $main-color;

$secondary-color: #367370;
$secondary-color-100: #BCE0DE;
$secondary-color-200: #7AC0BE;

$neutral-color: #AAA;
$neutral-blue: #1b1d27;
$neutral-white: #fff;

$error-color: #E84F4F;
$danger-color: #A31B1B;
$danger-color-light: rgba(#E84F4F1A, 0.1);
$success-color: #32D970;
$warning-color: #E68250;
$warning-color-text: #9a420f;
$info-color: #6565ff;


$main-bg-color: #b7b7ff;
$main-text-color: $neutral-blue;

$main-color-active: #323270;
$main-bg-color-active: #6565ff;


$event-blue: #2D559F;
$notification-green: #315E5D;

$bg-color-button: #f4f6fc;
$bg-color-nav: #1B1D27;
$bg-color-chat: #f5f5f5;
$shadow-color: #dedede;


// CSC project variables

$csc-light-yellow-color: #FFF3D8;
$csc-magic-color: #EEA100;
$csc-bg-color: #F5F5F5;
$csc-title-color: #000;

$csc-nav-color: $main-color-400;
$csc-chips-bg-color: $main-color-400;

$csc-textarea-color: #1B1D27;
$csc-filters-box-color: #E3EAF1;

$bot-bubble: $csc-light-yellow-color;
// sizes

$large-column-panel: 332px;
$small-column-panel: 50px;
// spacing --------------------------

$spacing-0: 2px;
$spacing-1: 4px;
$spacing-2: 8px;
$spacing-3: 12px;
$spacing-4: 16px;
$spacing-5: 20px;
$spacing-6: 24px;
$spacing-7: 32px;
$spacing-8: 40px;
$spacing-9: 48px;
$spacing-10: 56px;

$spacing-main: $spacing-1;
// radius --------------------------
$radius-1: 2px;
$radius-2: 4px;
$radius-3: 6px;
$radius-4: 8px;
$radius-5: 10px;
$radius-6: 12px;
$radius-7: 16px;
$radius-full: 999px;

$radius-main: $radius-4;
$radius-mid: $radius-6;
$radius-big: $radius-full;

// stroke --------------------------
$stroke-0: 1px;
$stroke-1: 2px;
$stroke-2: 4px;
$stroke-3: 6px;
$stroke-4: 8px;
$stroke-5: 10px;
