CSS変数の命名規則について考える

今更ですがCSS変数の命名規則について考えてみます（ググってもあまりまとまった資料が見つからなかったので）。現時点での自分の経験と考えに基づいた内容なので、アドバイスがあればコメントしていただけると嬉しいです。 値の種類ごとにプレフィックスをつける CSS変数として宣言する機会が最も多いのは色（カラーコード）だと思いますが、高さやフォントの種類などに対して使うこともあります。以下のように命名してしまうと、何についての変数なのか分かりづらくなってしまいます。