:root
{
    --color-main-background: #171717;
    --color-main-background-rgb: 23,23,23;
    --color-main-background-translucent: rgba(var(--color-main-background-rgb),.97);
    --color-main-background-blur: rgba(var(--color-main-background-rgb),.8);
    --filter-background-blur: blur(25px);
    --gradient-main-background: var(--color-main-background) 0%,var(--color-main-background-translucent) 85%,transparent 100%;
    --color-background-hover: #212121;
    --color-background-dark: #292929;
    --color-background-darker: #3b3b3b;
    --color-placeholder-light: #313131;
    --color-placeholder-dark: #4a4a4a;
    --color-main-text: #d8d8d8;
    --color-text-maxcontrast: #8c8c8c;
    --color-text-maxcontrast-default: #8c8c8c;
    --color-text-maxcontrast-background-blur: #919191;
    --color-text-light: #bfbfbf;
    --color-text-lighter: #a5a5a5;
    --color-scrollbar: #3d3d3d;
    --color-error: #e9322d;
    --color-error-rgb: 233,50,45;
    --color-error-hover: #ed5a56;
    --color-warning: #eca700;
    --color-warning-rgb: 236,167,0;
    --color-warning-hover: #efb832;
    --color-success: #46ba61;
    --color-success-rgb: 70,186,97;
    --color-success-hover: #6ac780;
    --color-info: #006aa3;
    --color-info-rgb: 0,106,163;
    --color-info-hover: #3287b5;
    --color-loading-light: #777;
    --color-loading-dark: #ccc;
    --color-box-shadow-rgb: 0,0,0;
    --color-box-shadow: #000;
    --color-border: #292929;
    --color-border-dark: #3b3b3b;
    --color-border-maxcontrast: #646464;
    --font-face: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Cantarell,Ubuntu,'Helvetica Neue',Arial,sans-serif,'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    --default-font-size: 15px;
    --animation-quick: 100ms;
    --animation-slow: 300ms;
    --border-radius: 3px;
    --border-radius-large: 10px;
    --border-radius-rounded: 28px;
    --border-radius-pill: 100px;
    --default-clickable-area: 44px;
    --default-line-height: 24px;
    --default-grid-baseline: 4px;
    --header-height: 50px;
    --navigation-width: 300px;
    --sidebar-min-width: 300px;
    --sidebar-max-width: 500px;
    --list-min-width: 200px;
    --list-max-width: 300px;
    --header-menu-item-height: 44px;
    --header-menu-profile-item-height: 66px;
    --breakpoint-mobile: 1024px;
    --background-invert-if-dark: invert(100%);
    --background-invert-if-bright: no;
    --background-image-invert-if-bright: no;
    --primary-invert-if-bright: no;
    --color-primary: #006aa3;
    --color-primary-default: #0082c9;
    --color-primary-text: #fff;
    --color-primary-hover: #045987;
    --color-primary-light: #141f25;
    --color-primary-light-text: #99c3da;
    --color-primary-light-hover: #1d282d;
    --color-primary-element: #006aa3;
    --color-primary-element-hover: #045987;
    --color-primary-element-text: #fff;
    --color-primary-element-light: #141f25;
    --color-primary-element-light-hover: #1d282d;
    --color-primary-element-light-text: #99c3da;
    --color-primary-element-text-dark: #ededed;
    --gradient-primary-background: linear-gradient(40deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);
    --image-background-default: url('../../../../apps/theming/img/background/kamil-porembinski-clouds.jpg');
    --color-background-plain: #0082c9;
    --image-logo: url('../image/logo.svg');
    --image-logoheader-custom: true;
}