// monir
// @mixin monir {
:root {
  --text-primary: #465a71;
  --text-primary-highlight: #00b6e3;
  --text-highlight1: #c1600b;
  --main-background-body: #f7f7f7;
  --main-background-white: #fff;
  --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.031372549);
  --border-radius: 1rem;

  // --active-sidebar: rgb(177 244 255);
  --primary-color: #00b6e3;
  --secondary-color: #eee;
  --dark-green-color: #416a59;
  --dark-gray-color: rgba(7, 7, 7, 0.66);
  --light-color: #818899;
  --dark-blue-color: #21325e;
  --blue-color: #00b6e3;
  --gray-color: #92a2b2;
  --light-blue-color: #3083ff;
  --red-color: #9f1918;
  --green-color: #009c98;
  --pink-color: #ea4c89;
  --orange-color: #c1600b;
  --list-background-color: #e8fcff;
  --hover-color: #d0f9ff;
  --active-color: #00b6e3;
  --header-color: #00b6e3;

  --active-sidebar: #6fe2ff69;
  --the-sidebar-background-color: #d1f6ff;
  --linear-gradient-sidebar: #e8fcff;
  --sidebar-collapsed-width: 4.5em;
  --sidebar-width: 10em;
  --header-height: 0;
  --sidebar-text-color: #2c3d4e;
  --sidebar-active-text-color: #374151;

  --sidebar-toggler-right: -0.8em;
  --linear-gradient-img: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.65)
  );
  --sidebar-icons-width: 2em;
  --sidebar-icons-height: 2em;

  --sidebar-child-background-color: #80e5ff;
  --icon-background-color: rgba(70, 185, 255, 0.59);
}
// }