:root {
  --padding: 17px;
  --bg-primary: #f5f4f5;
  --color-brand: #830c18;
  --container-width: 1200px;
  --header-height: 64px;
  --item-height: 40px;
  --navbar-arrow-order: 4;
  --navbar-font-size: 12px;
  --navbar-icon-bg-color: transparent;
  --navbar-icon-font-size: 14px;
  --navbar-icon-margin: 8px;
  --navbar-icon-size: 32px;
  --navbar-items-gap: 8px;
  --radius: 8px;
  --sidebar-bg-radius-active: 4px;
  --sidebar-bg-radius: 12px;
  --sidebar-border-width: 1px;
  --sidebar-font-size: 12px;
  --sidebar-item-offset: 8px;
  --sidebar-line-display: block;
  --sidebar-line-width: 2px;
  --sidebar-overlay-offset: 8px;
  --sidebar-padding: 8px;
  --sidebar-scale: 39;
  --sidebar-width: 256px;
  --table-td-font-size: 12px;
  --table-td-font-weight: 400;
  --table-th-font-size: 12px;
  --table-th-font-weight: 400;
  --font-size: 18px;
}

:root.--theme-dark {

}