$color-background: #f4f8f9;
$color-border: #dbe4eb;

$color-text: #373a3c;
$color-empty: #777;

$color-theme-blue: #438cef;
$color-theme-blue-dark: #3f83df;
$color-theme-blue-light: #a1c6f7;
$color-theme-blue-lighter: #d9e8fc;

$color-theme-green: #4cc159;
$color-theme-green-dark: #47b353;

$color-theme-error: #f00;
$color-theme-error-dark: darken($color-theme-error, 5%);

$color-dark-foreground: #6a7681;
$color-dark-foreground-selected: lighten($color-dark-foreground, 40%);
$color-dark-background: #2e3842;
$color-dark-background-accent: lighten($color-dark-background, 5%);
$color-dark-background-selected: #273039;

$color-modal-header-background: #2e3842;
$color-modal-header-foreground: #6a7681;

$color-table: #fff;
$color-table-footer: #ecf2f6;
$color-table-border: #dbe4eb;
$color-table-header: #a0a0a0;

$color-accent-dark: #fff;

$color-card-footer: #fff;

$size-navbar-height: 52px;
$size-sidebar-width: 100px;

$panel-padding: 20px;
$panel-header: 70px;
$panel-sidebar: 61px;