// Глобальные SCSS-переменные

:root {
  --el-color-primary: #ff4e2f;
  --el-color-primary-dark-2: #cc3e26;
  --el-color-primary-light-3: #ff826d;
  --el-color-primary-light-5: #ffa797;
  --el-color-primary-light-7: #ffc8bd;
  --el-color-primary-light-8: #ffdcd6;
  --el-color-primary-light-9: #ffedea;
  --menuBg: #181818;
  --menuText: #fff;
  --menuActiveText: #fff;
  --menuHover: #2a2d2e;
  --subMenuBg: #1f1f1f;
  --subMenuActiveText: #fff;
  --subMenuHover: #2a2d2e;
  --menuActiveBg: #37373d;
  --menuActiveBorder: #ff4e2f;
}

$menuBg: var(--menuBg);
$menuText: var(--menuText);
$menuActiveText: var(--menuActiveText);
$menuHover: var(--menuHover);

$subMenuBg: var(--subMenuBg);
$subMenuActiveText: var(--subMenuActiveText);
$subMenuHover: var(--subMenuHover);
$menuActiveBg: var(--menuActiveBg);
$menuActiveBorder: var(--menuActiveBorder);

$sideBarWidth: 210px;
$sideBarCollapsedWidth: 54px;

// Высота подписи разработчика внизу бокового меню.
//
// Значение объявлено здесь, потому что его знают ДВОЕ: сам футер и высота
// области прокрутки меню, из которой оно вычитается. Разойдясь, эти двое дают
// либо наезд пунктов меню на подпись, либо полосу пустоты над ней.
$sidebarFooterHeight: 34px;