:root {
  --padding: 16px;
  --bg-primary: #ffffff;
  --bg-secondary: #f6f9f9;
  --color-brand: #3a6f98;
  --header-height: 56px;
  --item-height: 38px;
  --navbar-font-size: 13px;
  --navbar-icon-bg-color: transparent;
  --navbar-icon-font-size: 15px;
  --radius: 8px;
  --region-toggle-bg-color: var(--color-brand);
  --region-toggle-color: var(--text-on-brand);
  --sidebar-bg-color: #f6f9fb;
  --sidebar-border-color: rgba(13, 94, 88, .08);
  --sidebar-font-size: 13px;
  --sidebar-overlay-color-active: #ffffff;
  --sidebar-overlay-offset: 0px;
  --sidebar-padding: 12px;
  --sidebar-scale: 93;
  --sidebar-shadow: inset 0 0 10px 0 rgba(13, 94, 88, .06);
  --sidebar-text-color: var(--color-brand);
  --sidebar-width: 240px;
  --region-head-title-font-size: 15px;
  --font-size: 19px;
}

:root.--theme-dark {

}