/* Цвет выделения текста */
::selection {
    background: #E2DDDD; /* фон выделения */
    color: ##111111;      /* цвет текста */
}

/* Для Firefox */
::-moz-selection {
    background: #E2DDDD;
    color: ##111111;
}


  
  /* эффект изменения цвета в зависимости от фона */
.blend-title {
    color: #fff;               /* базовый светлый цвет */
    mix-blend-mode: difference; /* режим смешивания */
    transition: color .2s ease;
}

.blend-logo {
    mix-blend-mode: difference; /* или multiply, screen */
}


/* ===== АНИМИРОВАННОЕ ПОДЧЁРКИВАНИЕ ССЫЛОК ===== */

/* базовый стиль — КРУПНЫЕ ССЫЛКИ */
.u-underline {
  position: relative;
  text-decoration: none;
  color: #E2DDDD;
  mix-blend-mode: difference;
  transition: color .2s ease;
}

/* линия */
.u-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;          /* отступ от текста */
  width: 0;
  height: 12px;          /* ТОЛСТАЯ линия */
  background-color: currentColor;
  transition: width .4s ease;
  pointer-events: none;
}

/* hover */
.u-underline:hover::after {
  width: 100%;
}

/* ===== МЕЛКИЕ ССЫЛКИ ===== */
.u-underline.small::after {
  height: 1px;           /* ТОНКАЯ линия */
  bottom: -2px;          /* меньший отступ */
}