$header-height: 56px;
$button-height: 44px;

$icon-size: 20px;

$border-radius: 4px;

$normal: 400;
$semi-bold: 500;
$bold: 600;

$background-color: #efefef;
$container-background-color: #fff;

$border-color: rgba(0, 0, 0, 0.1);

$font-color-primary: #111;
$font-color-secondary: #999;

$disabled-color: rgba(0, 0, 0, 0.3);
$disabled-background-color: #eee;

$primary-color: #26abe2;
$primary-color-translucent: rgba(38, 171, 226, 0.2);

$red-color: #f84d4f;
$red-color-translucent: rgba(248, 77, 79, 0.2);
$red-box-shadow: 0 10px 30px -6px #f84d4f;

$green-color: rgb(47, 194, 91);
$green-color-translucent: rgba(47, 194, 91, 0.2);

$grey-color-translucent: rgba(0, 0, 0, 0.05);

$box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

$dispatched-background-color: #d0e4fb;
$dispatched-color: #1f7cea;

$active-background-color: #d9ecd2;
$active-color: #47a021;

$future-color: #f53d83;
$instructed-color: #e8b748;
$instructed-external-color: #2d8bce;
$completed-color: #9a7549;
$aborted-color: #ec1e1e;
