diff --git a/after/syntax/css/css-variables.vim b/after/syntax/css/css-variables.vim
new file mode 100644
index 0000000..a7c976c
--- /dev/null
+++ b/after/syntax/css/css-variables.vim
@@ -0,0 +1,3 @@
+" TODO: create cssVariableProp group
+syn match cssFontProp contained "\<var-[A-Za-z_][A-Za-z0-9_-]\+\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<var\s*(" end=")" oneline keepend
diff --git a/test/test.css b/test/test.css
index 3994785..f6e835c 100644
--- a/test/test.css
+++ b/test/test.css
@@ -475,6 +475,10 @@
   display: initial;
 }
 
+.variables {
+  var-foo: var(foo);
+}
+
 .writing-modes {
   text-orientation: before;
   text-combine-horizontal: after;