var(--urlbar-height)のようなCSS変数？を駆使して、画像の赤ポイントの座標を取得したいんですが、どのようなCSS変数を使えばいいでしょうか？

https://i.imgur.com/kH9w4Au.png
X座標＝「ブックマーク」の左端
Y座標＝メニューバーの高さ＋タブバーの高さ＋URLバーの高さ

を計算して使いたいです