CSS 有變數了，叫做「CSS custom properties」

:root {
  --logo-font: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", serif;
}

在 root 宣告的變數，在這之後在 HTML 跟 CSS 都可以這樣使用

h1 {
  font-family: var(--logo-font);
}

<h1 style="font-family: var(--logo-font);">
  Title
</h1>

這對於做 dark mode 很方便，也可以統一調整網站的樣式。