:root {
    --cm-app-color: #0daa7e;
    --cm-sidebar-item-color: #929bb6;
    --cm-sidebar-item-color-active: var(--cm-app-color);
    --cm-sidebar-item-color-hover: var(--cm-sidebar-item-color-active);
    --cm-sidebar-item-background-color-active: #353e52;
    --cm-sidebar-background-color: #243244;
    --cm-sidebar-icon-width: 24px;
    --cm-sidebar-max-width: 250px;
    --cm-sidebar-left-border-width: 2px;
    --cm-sidebar-sub-lavel-settings-item-color: #5b6987;
    --cm-sidebar-sub-lavel-settings-item-color-active: white;
    --cm-sidebar-sub-lavel-settings-item-background-color-active: #929bb6;

    --cm-login-logo-width: 250px;
    --cm-login-column-max-width: 600px;

    --cm-page-title-background-color: var(--cm-app-color);
    --cm-page-title-radius: 40px;

    --cm-max-page-width: 1600px;
    --cm-settings-view-max-width: var(--cm-max-page-width);

    --cm-table-header-height: 3em;

    --cm-table-icon-size: 20px;
}