記事にしてあるかと思ったのですがまだ書いてなかったので。
カスタムプロパティとは
javascriptやプログラミング言語で当たり前のように登場する変数。
cssで使うときは「カスタムプロパティ」という呼び方になるようです。が、自分は変数と呼んでいます。
変数になじみのない方に説明すると、あるキーワードにあらかじめスタイルを定義しておき、そのスタイルを使いたいときは代わりにキーワードを入力すれば呼び出せる、というものです。
これだけだとメリットが分かりづらいのですが、たとえば「main-color」というキーワードにカラーコードを指定しておき、サイトのメインカラーを使う箇所にカラーコードではなく「main-color」というキーワードを指定しておけば、メインカラーが変更になった場合に一つ一つカラーコードを変更する必要がなく、「main-color」に指定したカラーコードを変更すれば一気に変更することができます。