未定義の CSS 変数

このエラーの原因

var() 関数が参照しているカスタムプロパティ（--my-var）が現在のスコープまたは祖先要素に定義されていません。カスタムプロパティは CSS の継承とスコープのルールに従います。

修正方法

:root または適切な祖先要素にカスタムプロパティを定義してください。フォールバック値を使用してください：var(--my-var, fallback)。カスタムプロパティ名のタイポを確認してください。

div { color: var(--undefined-var); }