diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 5e3c5eb5..b26d0920 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -38,6 +38,7 @@
         "prettier": "^3.2.8",
         "stylelint": "^17.11.0",
         "stylelint-config-standard": "^40.0.0",
+        "stylelint-config-standard-less": "^4.1.0",
         "typescript-eslint": "^8.59.0",
         "vite": "^7.3.1"
       },
@@ -1644,6 +1645,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@types/css-tree": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.11.tgz",
+      "integrity": "sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -5316,6 +5324,26 @@
         "stylelint": "^17.0.0"
       }
     },
+    "node_modules/stylelint-config-recommended-less": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-less/-/stylelint-config-recommended-less-4.2.1.tgz",
+      "integrity": "sha512-OYq8xWTMoXFyZ91vzYDGpkgWafSkSXxXV0b1tVZRGwOpbfb+6SeN+KnFa/LivoRBzfAGMmr3OVQX2h/ArG8WNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-less": "^6",
+        "stylelint-config-recommended": "^18.0.0",
+        "stylelint-less": "^4.2.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^17"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/stylelint-config-standard": {
       "version": "40.0.0",
       "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-40.0.0.tgz",
@@ -5342,6 +5370,42 @@
         "stylelint": "^17.0.0"
       }
     },
+    "node_modules/stylelint-config-standard-less": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-less/-/stylelint-config-standard-less-4.1.0.tgz",
+      "integrity": "sha512-20Ol4m1rTescEkkoNO9+AyAF/P0LsFfZ+B2pkHlL/efEBfr1FAOGuOlZO8no32KE/63S915O1W5kQoA9S9kZCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "stylelint-config-recommended-less": "^4.2.0",
+        "stylelint-config-standard": "^40.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8",
+        "stylelint": "^17"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint-less": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/stylelint-less/-/stylelint-less-4.2.1.tgz",
+      "integrity": "sha512-FREYAwwm5cTAeCGmAJlq1228tEi62puMxM4IughUMVifIIUac7Mu03u410/S5QYCwA7L2l9HjiRyh4TQKkFhcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/css-tree": "^2.3.11",
+        "css-tree": "^3.2.1",
+        "postcss-value-parser": "4.2.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8",
+        "stylelint": "^17"
+      }
+    },
     "node_modules/stylelint/node_modules/@csstools/selector-resolve-nested": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@csstools/selector-resolve-nested/-/selector-resolve-nested-4.0.0.tgz",
diff --git a/webapp/package.json b/webapp/package.json
index 3abc3dc6..6ebecffd 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -44,6 +44,7 @@
     "prettier": "^3.2.8",
     "stylelint": "^17.11.0",
     "stylelint-config-standard": "^40.0.0",
+    "stylelint-config-standard-less": "^4.1.0",
     "typescript-eslint": "^8.59.0",
     "vite": "^7.3.1"
   },
diff --git a/webapp/stylelint.config.mjs b/webapp/stylelint.config.mjs
index de52a936..9c639229 100644
--- a/webapp/stylelint.config.mjs
+++ b/webapp/stylelint.config.mjs
@@ -1,15 +1,22 @@
 // stylelint.config.mjs
 export default {
+  // This applies standard CSS rules to the whole project by default
   extends: ["stylelint-config-standard"],
 
   overrides: [
     {
       files: ["**/*.vue"],
       customSyntax: "postcss-html",
+      // If you write <style lang="less"> inside Vue components and get 
+      // the same error there, uncomment the rule below:
+      // rules: { "declaration-property-value-no-unknown": null }
     },
     {
       files: ["**/*.less"],
       customSyntax: "postcss-less",
+      // THIS IS THE FIX: Tell Stylelint to apply LESS-specific 
+      // rules (which ignore @ variables) only to these files.
+      extends: ["stylelint-config-standard-less"], 
     },
   ],
 
@@ -20,4 +27,4 @@ export default {
     "no-invalid-position-at-import-rule": null,
     "no-empty-source": null,
   },
-};
+};
\ No newline at end of file