$primary-color: var(--primary-color);
$primary-color-lighter: var(--primary-color-lighter);
$primary-color-darker: var(--primary-color-darker);
$accent-color: var(--accent-color);
$text-color: #292F33;

$grid-width: 1400px;

$red: #f44336;
$green: #01b500;
$background-grey: #f5f5f5;
$white: #ffffff;
$black: #000000;
$dark-grey: #1b1b1b;
$grey: #434343;
$light-grey: #7f7f7f;
$medium-light-grey: #bdbdbd;
$extra-light-grey: #efefef;
$extra-ultra-light-grey: #fbfbfb;
$success: #6acc29;
$error: #ff0000;
$warning: #ffa500;
$info: #15a7ff;

$padding-content-desktop: 25px;

$toolbar-width: 60px;
$main-toolbar-height: 0px;
$header-image-height: 125px;
$breadcrumb-height: 38px;
$footer-height: 40px;

$size-status-history-button: 20px;

$z-index-breadcrumb: 1;
$z-index-main-toolbar-menu: 2;
$z-index-main-toolbar-header: 3;