Чем currentColor отличается от inherit?

Ключевая идея

Оба «берут значение откуда-то», но откуда — разное.

Различия

• currentColor — это ключевое слово: «используй вычисленный color этого же элемента». Часто для border-color, fill, box-shadow, outline.
• inherit — «возьми вычисленное значение этого свойства у родителя».

.parent { color: tomato; border-color: blue; }
.child {
  color: inherit;           /* tomato — наследует color */
  border: 2px solid currentColor; /* рамка цвета текста child */
  fill: currentColor;       /* SVG/иконки под цвет текста */
}

currentColor не наследует «чужое» свойство: он всегда смотрит на color текущего элемента (который сам мог быть унаследован).

Итог

inherit — копирует свойство с родителя; currentColor — ссылается на color текущего элемента. Удобно синхронизировать рамки/иконки с текстом.