diff --git a/test/markup/css/variables.expect.txt b/test/markup/css/variables.expect.txt
new file mode 100644
index 0000000000..ce47f660d0
--- /dev/null
+++ b/test/markup/css/variables.expect.txt
@@ -0,0 +1,9 @@
+<span class="hljs-selector-tag">body</span> {
+ <span class="hljs-variable">--text-color-1</span>: red;
+ <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(<span class="hljs-variable">--text-color-1</span>);
+}
+
+<span class="hljs-selector-tag">body</span> {
+ <span class="hljs-variable">--textBlue</span>: blue;
+ <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(<span class="hljs-variable">--textBlue</span>);
+}
diff --git a/test/markup/css/variables.txt b/test/markup/css/variables.txt
new file mode 100644
index 0000000000..1c4afaa189
--- /dev/null
+++ b/test/markup/css/variables.txt
@@ -0,0 +1,9 @@
+body {
+ --text-color-1: red;
+ color: var(--text-color-1);
+}
+
+body {
+ --textBlue: blue;
+ color: var(--textBlue);
+}