[seregadushka]

смотрю код

<h1 style="color: rgba(255, 0, 0, 0.8); --color_text_hov: hsla((0 + 50), 100%, 50%, 0.8);">Creative Lifesaver</h1>

переменная верно, какой-то цвет -- верно.
Это относится к

& h1 {
                   color: var(--color_text);            
              &:hover { color: var(--color_text_hov); }
            }  }
            }

почему так странно? . два цвета друг за другом, :hover нет ...
это так DevTools показывает ,это нормально, скажите, где :hover ??? ?