body, html, #root {
  height: 100%;
  min-height: 100vh;
}

#root {
  font-family: "Segoe UI", sans-serif;
  color: var(--color-black);
}

:root {
  --color-main-light: #B98F7D;
  --color-main: #A8735D;
  --color-main-dark: #765041;

  --color-black: #1F2D3D;
  --color-steel: #273444;
  --color-slate: #3C4858;
  --color-silver: #647082;
  --color-white: #FFFFFF;
  --color-smoke: #1F2D3D;
  --color-smoke-dark: #1F2D3D;
  --color-smoke-dark-extra: #1F2D3D;
  --color-snow: #F9FAFC;
  --color-snow-dark: #EFF2F7;
  --color-snow-dark-extra: #E5E9F2;
  --color-gray: #C0CCDA;

  --color-new: #03a9f4;
  --color-positive: #4caf50;
  --color-negative: #e53935;
  --color-warnont: #ffc107;

  --color-menu-folded: #EFF2F7;
  --color-menu-expanded: #F9FAFC;
  --color-table-header: #f9fafc;

  --color-form-control-bg: #EFF2F7;
  --color-form-footer-bg: #E5E9F2;


  --size-page-side-padding: 24px;
  --size-table-row-height: 34px;
  --size-item: 34px;
  --size-input-item: 36px;
  --size-menu-width: 48px;
  --size-menu-item-height: 40px;
  --size-app-header-height: 48px;
  --size-breadcrumbs-height: 48px;
  --size-dialog-title-height: 48px;
  --size-form-control-height: 56px;
  --size-form-header-height: 56px;
  --size-form-footer-height: 56px;

  --font-size-dialog-title: 20px;
}