如何为list-style-type自动生成的数字着色？

<ol class="colored-list">
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ol>

.colored-list {
  counter-reset: list-item;
}

.colored-list li {
  counter-increment: list-item;
  position: relative;
}

.colored-list li::before {
  content: counter(list-item);
  position: absolute;
  left: -1.5em;
  color: red; /* 更改此处的颜色值以更改数字颜色 */
}