 :root {
   --main-color: DarkGray;      /* 主調色 */
   --assort-color: White;       /* 従属色 */
   --base-color: WhiteSmoke;    /* 背景色 */
   --accent-color: BlueViolet; /* 強調色 */
 }

.selection{
  background-color: var(--accent-color, GreenYellow);
}

選択範囲にグラデーションをかける

 .selection{
    background: linear-gradient( to right,
      var(--accent-color),
      var(--assort-color),
      var(--accent-color)
    ) 0% center / 200% auto ; /* グラデーション */
    animation: selection 4s linear infinite;
    animation-direction: reverse;
    /*animation-direction: alternate;*/
  }
  @keyframes selection {
    to { background-position-x: 200%; }
  } 
 

.selection{
  background-color: #2EFEF7;
}