:root {
    --cm-app-color: #0daa7e;
    --sidebar-item-color: #929bb6;
    --sidebar-item-color-active: var(--cm-app-color);
    --sidebar-item-color-hover: var(--sidebar-item-color-active);
    --sidebar-item-background-color-active: #353e52;
    --sidebar-background-color: #243244;
    --sidebar-icon-width: 24px;
    --sidebar-max-width: 250px;
    --sidebar-left-border-width: 2px;
    /*
        override the default bootstrap body font
        https://getbootstrap.com/docs/5.3/customize/css-variables/#root-variables
    */
    --bs-body-font-family: 'Manrope';

    --sidebar-sub-lavel-settings-item-color: #5b6987;
    --sidebar-sub-lavel-settings-item-color-active: white;
    --sidebar-sub-lavel-settings-item-background-color-active: #929bb6;

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

    --page-title-radius: 40px;

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

    --table-header-height: 3em;

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