CSSカスタムプロパティ（変数）
CSSに組み込まれた変数。--nameで宣言し、var(--name)で参照する。
Sassなどの変数がコンパイル時に消えてしまうのに対し、カスタムプロパティはブラウザ上で実行時に生き続ける。カスケードを通じて継承され、JavaScript（style.setProperty）から読み書きでき、値が変われば動的に再計算される。:rootに--accentを定めれば、あらゆる要素がそれを参照できる。
用途はテーマ切り替え（数個の変数を差し替えるだけでライト／ダークを切り替える）、デザイントークンの一元管理、状態に応じたスタイル、JSからCSSへの値の受け渡しなどである。calc()やclamp()と組み合わせると威力を増す。もう長らくすべてのブラウザで使え、現代CSSで最も使われる機能の一つであり、デザインシステムの背骨でもある。