diff --git a/.vscode/css-custom-data.json b/.vscode/css-custom-data.json
new file mode 100644
index 0000000..56e07f6
--- /dev/null
+++ b/.vscode/css-custom-data.json
@@ -0,0 +1,17 @@
+{
+  "version": 1.1,
+  "atDirectives": [
+    {
+      "name": "@tailwind",
+      "description": "@tailwind tailwindcss"
+    },
+    {
+      "name": "@layer",
+      "description": "@layer tailwindcss"
+    },
+    {
+      "name": "@apply",
+      "description": "@apply tailwindcss"
+    }
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index e482bb3..be6ddaf 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
+  "css.customData": ["./vscode/css-custom-data.json"],
   "eslint.validate": [
     "javascript",
     "javascriptreact",