:root{
  --primary: #e75480;
  --primary-active: #ff89bb;
  --dark: #ffe4ef;
  --light: #373737;
  --text: #1c1c1c;
  --text-secondary: #666565;
  --nav-hover: #fcd5ce;

  --gray-100: #f1f8ff;
  --gray-200: #eeeeee;
  --gray-300: #cccccc;
  --white: #ffffff;
  --black: #000000;

  /* Логотип */
  --logo-color: #ff89bb;
  --logo-size: 64px;
}

/* Универсальный контейнер логотипа: цвет — через background-color, форма — через mask-image */
.brand-logo{
  display:inline-block;
  width:var(--logo-size);
  height:var(--logo-size);
  background-color:var(--logo-color);
  
  -webkit-mask-image:url("/media/brand/icons8-%D1%82%D0%BE%D1%80%D1%82-90.png");
          mask-image:url("/media/brand/icons8-%D1%82%D0%BE%D1%80%D1%82-90.png");
  
  -webkit-mask-repeat:no-repeat;       mask-repeat:no-repeat;
  -webkit-mask-position:center;        mask-position:center;
  -webkit-mask-size:contain;           mask-size:contain;
}

.brand-logo--sm{ width:calc(var(--logo-size) * 0.75); height:calc(var(--logo-size) * 0.75); }