diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index 3417fd9c0..4c5ba3f3b 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -13,6 +13,11 @@ updates:
       timezone: 'Europe/Berlin'
     reviewers:
       - 'Th3S4mur41'
+    groups:
+      stylelint:
+        patterns:
+          - 'stylelint'
+          - 'stylelint-*'
 
   - package-ecosystem: 'github-actions'
     directory: '/'
diff --git a/package-lock.json b/package-lock.json
index 3b2093cd5..4bd472e97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,9 +44,9 @@
 				"prettier": "^3.2.5",
 				"semantic-release": "^21.1.2",
 				"sharp": "^0.33.2",
-				"stylelint": "^15.11.0",
-				"stylelint-config-property-sort-order-smacss": "^9.1.0",
-				"stylelint-config-standard": "^34.0.0",
+				"stylelint": "^16.2.1",
+				"stylelint-config-property-sort-order-smacss": "^10.0.0",
+				"stylelint-config-standard": "^36.0.0",
 				"stylelint-order": "^6.0.4",
 				"stylelint-use-logical-spec": "^5.0.1",
 				"typescript": "^5.4.2",
@@ -13244,9 +13244,9 @@
 			"dev": true
 		},
 		"node_modules/fast-glob": {
-			"version": "3.3.1",
-			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-			"integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+			"version": "3.3.2",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+			"integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
 			"dependencies": {
 				"@nodelib/fs.stat": "^2.0.2",
 				"@nodelib/fs.walk": "^1.2.3",
@@ -14661,9 +14661,9 @@
 			]
 		},
 		"node_modules/ignore": {
-			"version": "5.2.4",
-			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-			"integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+			"integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
 			"dev": true,
 			"engines": {
 				"node": ">= 4"
@@ -14721,15 +14721,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/import-lazy": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-			"integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
 		"node_modules/import-meta-resolve": {
 			"version": "2.2.2",
 			"resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.2.tgz",
@@ -23426,6 +23417,7 @@
 			"resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
 			"integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
 			"dev": true,
+			"optional": true,
 			"engines": {
 				"node": ">=12.0"
 			},
@@ -23941,6 +23933,7 @@
 			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
 			"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
 			"dev": true,
+			"optional": true,
 			"engines": {
 				"node": ">=10"
 			},
@@ -26068,12 +26061,6 @@
 				"url": "https://github.com/sponsors/Borewit"
 			}
 		},
-		"node_modules/style-search": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-			"integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==",
-			"dev": true
-		},
 		"node_modules/stylehacks": {
 			"version": "6.1.0",
 			"resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-6.1.0.tgz",
@@ -26091,47 +26078,45 @@
 			}
 		},
 		"node_modules/stylelint": {
-			"version": "15.11.0",
-			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.11.0.tgz",
-			"integrity": "sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==",
+			"version": "16.2.1",
+			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.2.1.tgz",
+			"integrity": "sha512-SfIMGFK+4n7XVAyv50CpVfcGYWG4v41y6xG7PqOgQSY8M/PgdK0SQbjWFblxjJZlN9jNq879mB4BCZHJRIJ1hA==",
 			"dev": true,
 			"dependencies": {
-				"@csstools/css-parser-algorithms": "^2.3.1",
-				"@csstools/css-tokenizer": "^2.2.0",
-				"@csstools/media-query-list-parser": "^2.1.4",
-				"@csstools/selector-specificity": "^3.0.0",
+				"@csstools/css-parser-algorithms": "^2.5.0",
+				"@csstools/css-tokenizer": "^2.2.3",
+				"@csstools/media-query-list-parser": "^2.1.7",
+				"@csstools/selector-specificity": "^3.0.1",
 				"balanced-match": "^2.0.0",
 				"colord": "^2.9.3",
-				"cosmiconfig": "^8.2.0",
+				"cosmiconfig": "^9.0.0",
 				"css-functions-list": "^3.2.1",
 				"css-tree": "^2.3.1",
 				"debug": "^4.3.4",
-				"fast-glob": "^3.3.1",
+				"fast-glob": "^3.3.2",
 				"fastest-levenshtein": "^1.0.16",
-				"file-entry-cache": "^7.0.0",
+				"file-entry-cache": "^8.0.0",
 				"global-modules": "^2.0.0",
 				"globby": "^11.1.0",
 				"globjoin": "^0.1.4",
 				"html-tags": "^3.3.1",
-				"ignore": "^5.2.4",
-				"import-lazy": "^4.0.0",
+				"ignore": "^5.3.0",
 				"imurmurhash": "^0.1.4",
 				"is-plain-object": "^5.0.0",
 				"known-css-properties": "^0.29.0",
 				"mathml-tag-names": "^2.1.3",
-				"meow": "^10.1.5",
+				"meow": "^13.1.0",
 				"micromatch": "^4.0.5",
 				"normalize-path": "^3.0.0",
 				"picocolors": "^1.0.0",
-				"postcss": "^8.4.28",
+				"postcss": "^8.4.33",
 				"postcss-resolve-nested-selector": "^0.1.1",
-				"postcss-safe-parser": "^6.0.0",
-				"postcss-selector-parser": "^6.0.13",
+				"postcss-safe-parser": "^7.0.0",
+				"postcss-selector-parser": "^6.0.15",
 				"postcss-value-parser": "^4.2.0",
 				"resolve-from": "^5.0.0",
 				"string-width": "^4.2.3",
-				"strip-ansi": "^6.0.1",
-				"style-search": "^0.1.0",
+				"strip-ansi": "^7.1.0",
 				"supports-hyperlinks": "^3.0.0",
 				"svg-tags": "^1.0.0",
 				"table": "^6.8.1",
@@ -26141,7 +26126,7 @@
 				"stylelint": "bin/stylelint.mjs"
 			},
 			"engines": {
-				"node": "^14.13.1 || >=16.0.0"
+				"node": ">=18.12.0"
 			},
 			"funding": {
 				"type": "opencollective",
@@ -26149,43 +26134,46 @@
 			}
 		},
 		"node_modules/stylelint-config-property-sort-order-smacss": {
-			"version": "9.1.0",
-			"resolved": "https://registry.npmjs.org/stylelint-config-property-sort-order-smacss/-/stylelint-config-property-sort-order-smacss-9.1.0.tgz",
-			"integrity": "sha512-TijYeDoDgHAFjpn9NnziQrmUCGrm2AM4e1HzsdI2mCWBRkQRuewc343YqDwdFgQ5eHoMZ3JRL02i72W3vktuDA==",
+			"version": "10.0.0",
+			"resolved": "https://registry.npmjs.org/stylelint-config-property-sort-order-smacss/-/stylelint-config-property-sort-order-smacss-10.0.0.tgz",
+			"integrity": "sha512-NuiTgyqD8UdYY1IpTBIodBbrWKwaib5r8sq5kGHQ52UrmT8O7Fa8ZWYGipSZw6k9tGoljl9Hng2jtH+wBTMa1Q==",
 			"dev": true,
 			"dependencies": {
 				"css-property-sort-order-smacss": "~2.2.0",
-				"stylelint-order": "^6.0.2"
+				"stylelint-order": "^6.0.4"
+			},
+			"engines": {
+				"node": ">=18.12.0"
 			},
 			"peerDependencies": {
-				"stylelint": "^14.0.0 || ^15.0.0"
+				"stylelint": "^14.0.0 || ^15.0.0 || ^16.0.0"
 			}
 		},
 		"node_modules/stylelint-config-recommended": {
-			"version": "13.0.0",
-			"resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-13.0.0.tgz",
-			"integrity": "sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==",
+			"version": "14.0.0",
+			"resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz",
+			"integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==",
 			"dev": true,
 			"engines": {
-				"node": "^14.13.1 || >=16.0.0"
+				"node": ">=18.12.0"
 			},
 			"peerDependencies": {
-				"stylelint": "^15.10.0"
+				"stylelint": "^16.0.0"
 			}
 		},
 		"node_modules/stylelint-config-standard": {
-			"version": "34.0.0",
-			"resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-34.0.0.tgz",
-			"integrity": "sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==",
+			"version": "36.0.0",
+			"resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-36.0.0.tgz",
+			"integrity": "sha512-3Kjyq4d62bYFp/Aq8PMKDwlgUyPU4nacXsjDLWJdNPRUgpuxALu1KnlAHIj36cdtxViVhXexZij65yM0uNIHug==",
 			"dev": true,
 			"dependencies": {
-				"stylelint-config-recommended": "^13.0.0"
+				"stylelint-config-recommended": "^14.0.0"
 			},
 			"engines": {
-				"node": "^14.13.1 || >=16.0.0"
+				"node": ">=18.12.0"
 			},
 			"peerDependencies": {
-				"stylelint": "^15.10.0"
+				"stylelint": "^16.1.0"
 			}
 		},
 		"node_modules/stylelint-order": {
@@ -26219,34 +26207,30 @@
 			"integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
 			"dev": true
 		},
-		"node_modules/stylelint/node_modules/camelcase-keys": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-7.0.2.tgz",
-			"integrity": "sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==",
+		"node_modules/stylelint/node_modules/cosmiconfig": {
+			"version": "9.0.0",
+			"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+			"integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
 			"dev": true,
 			"dependencies": {
-				"camelcase": "^6.3.0",
-				"map-obj": "^4.1.0",
-				"quick-lru": "^5.1.1",
-				"type-fest": "^1.2.1"
+				"env-paths": "^2.2.1",
+				"import-fresh": "^3.3.0",
+				"js-yaml": "^4.1.0",
+				"parse-json": "^5.2.0"
 			},
 			"engines": {
-				"node": ">=12"
+				"node": ">=14"
 			},
 			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/stylelint/node_modules/decamelize": {
-			"version": "5.0.1",
-			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-5.0.1.tgz",
-			"integrity": "sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
+				"url": "https://github.com/sponsors/d-fischer"
 			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
+			"peerDependencies": {
+				"typescript": ">=4.9.5"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/stylelint/node_modules/emoji-regex": {
@@ -26256,15 +26240,28 @@
 			"dev": true
 		},
 		"node_modules/stylelint/node_modules/file-entry-cache": {
-			"version": "7.0.1",
-			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-7.0.1.tgz",
-			"integrity": "sha512-uLfFktPmRetVCbHe5UPuekWrQ6hENufnA46qEGbfACkK5drjTTdQYUragRgMjHldcbYG+nslUerqMPjbBSHXjQ==",
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+			"integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
 			"dev": true,
 			"dependencies": {
-				"flat-cache": "^3.1.1"
+				"flat-cache": "^4.0.0"
 			},
 			"engines": {
-				"node": ">=12.0.0"
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/stylelint/node_modules/flat-cache": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+			"integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+			"dev": true,
+			"dependencies": {
+				"flatted": "^3.2.9",
+				"keyv": "^4.5.4"
+			},
+			"engines": {
+				"node": ">=16"
 			}
 		},
 		"node_modules/stylelint/node_modules/has-flag": {
@@ -26276,18 +26273,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/stylelint/node_modules/indent-string": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
-			"integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
 		"node_modules/stylelint/node_modules/is-fullwidth-code-point": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -26298,80 +26283,41 @@
 			}
 		},
 		"node_modules/stylelint/node_modules/meow": {
-			"version": "10.1.5",
-			"resolved": "https://registry.npmjs.org/meow/-/meow-10.1.5.tgz",
-			"integrity": "sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==",
+			"version": "13.2.0",
+			"resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+			"integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
 			"dev": true,
-			"dependencies": {
-				"@types/minimist": "^1.2.2",
-				"camelcase-keys": "^7.0.0",
-				"decamelize": "^5.0.0",
-				"decamelize-keys": "^1.1.0",
-				"hard-rejection": "^2.1.0",
-				"minimist-options": "4.1.0",
-				"normalize-package-data": "^3.0.2",
-				"read-pkg-up": "^8.0.0",
-				"redent": "^4.0.0",
-				"trim-newlines": "^4.0.2",
-				"type-fest": "^1.2.2",
-				"yargs-parser": "^20.2.9"
-			},
-			"engines": {
-				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/stylelint/node_modules/read-pkg": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-6.0.0.tgz",
-			"integrity": "sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==",
-			"dev": true,
-			"dependencies": {
-				"@types/normalize-package-data": "^2.4.0",
-				"normalize-package-data": "^3.0.2",
-				"parse-json": "^5.2.0",
-				"type-fest": "^1.0.1"
-			},
 			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/stylelint/node_modules/read-pkg-up": {
-			"version": "8.0.0",
-			"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-8.0.0.tgz",
-			"integrity": "sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==",
-			"dev": true,
-			"dependencies": {
-				"find-up": "^5.0.0",
-				"read-pkg": "^6.0.0",
-				"type-fest": "^1.0.1"
-			},
-			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			},
 			"funding": {
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/stylelint/node_modules/redent": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz",
-			"integrity": "sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==",
+		"node_modules/stylelint/node_modules/postcss-safe-parser": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz",
+			"integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==",
 			"dev": true,
-			"dependencies": {
-				"indent-string": "^5.0.0",
-				"strip-indent": "^4.0.0"
-			},
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18.0"
 			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
+			"peerDependencies": {
+				"postcss": "^8.4.31"
 			}
 		},
 		"node_modules/stylelint/node_modules/signal-exit": {
@@ -26400,19 +26346,43 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/stylelint/node_modules/strip-indent": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
-			"integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
+		"node_modules/stylelint/node_modules/string-width/node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"dev": true,
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/stylelint/node_modules/strip-ansi": {
+			"version": "7.1.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+			"integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
 			"dev": true,
 			"dependencies": {
-				"min-indent": "^1.0.1"
+				"ansi-regex": "^6.0.1"
 			},
 			"engines": {
 				"node": ">=12"
 			},
 			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
+				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
+			}
+		},
+		"node_modules/stylelint/node_modules/strip-ansi/node_modules/ansi-regex": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+			"integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
 			}
 		},
 		"node_modules/stylelint/node_modules/supports-color": {
@@ -26440,30 +26410,6 @@
 				"node": ">=14.18"
 			}
 		},
-		"node_modules/stylelint/node_modules/trim-newlines": {
-			"version": "4.1.1",
-			"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.1.1.tgz",
-			"integrity": "sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/stylelint/node_modules/type-fest": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
-			"integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
 		"node_modules/stylelint/node_modules/write-file-atomic": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
@@ -26477,15 +26423,6 @@
 				"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
 			}
 		},
-		"node_modules/stylelint/node_modules/yargs-parser": {
-			"version": "20.2.9",
-			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-			"integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			}
-		},
 		"node_modules/suf-log": {
 			"version": "2.5.3",
 			"resolved": "https://registry.npmjs.org/suf-log/-/suf-log-2.5.3.tgz",
diff --git a/package.json b/package.json
index 460fad139..9b23b988f 100644
--- a/package.json
+++ b/package.json
@@ -49,9 +49,9 @@
 		"prettier": "^3.2.5",
 		"semantic-release": "^21.1.2",
 		"sharp": "^0.33.2",
-		"stylelint": "^15.11.0",
-		"stylelint-config-property-sort-order-smacss": "^9.1.0",
-		"stylelint-config-standard": "^34.0.0",
+		"stylelint": "^16.2.1",
+		"stylelint-config-property-sort-order-smacss": "^10.0.0",
+		"stylelint-config-standard": "^36.0.0",
 		"stylelint-order": "^6.0.4",
 		"stylelint-use-logical-spec": "^5.0.1",
 		"typescript": "^5.4.2",
diff --git a/src/styles/settings/colors.css b/src/styles/settings/colors.css
index 8f34975b7..90cff93cd 100644
--- a/src/styles/settings/colors.css
+++ b/src/styles/settings/colors.css
@@ -7,30 +7,30 @@
 	 */
 
 	/* Primary */
-	--color-accent-50: oklch(0.95 0.01 73);
-	--color-accent-100: oklch(0.9 0.01 73);
-	--color-accent-200: oklch(0.85 0.01 73);
-	--color-accent-300: oklch(0.75 0.01 73);
-	--color-accent-400: oklch(0.65 0.01 73);
-	--color-accent-500: oklch(0.5 0.01 29);
-	--color-accent-600: oklch(0.4 0.01 29);
-	--color-accent-700: oklch(0.3 0.01 29);
-	--color-accent-800: oklch(0.2 0.01 29);
-	--color-accent-900: oklch(0.1 0.01 29);
+	--color-accent-50: oklch(95% 0.01 73);
+	--color-accent-100: oklch(90% 0.01 73);
+	--color-accent-200: oklch(85% 0.01 73);
+	--color-accent-300: oklch(75% 0.01 73);
+	--color-accent-400: oklch(65% 0.01 73);
+	--color-accent-500: oklch(50% 0.01 29);
+	--color-accent-600: oklch(40% 0.01 29);
+	--color-accent-700: oklch(30% 0.01 29);
+	--color-accent-800: oklch(20% 0.01 29);
+	--color-accent-900: oklch(10% 0.01 29);
 
 	/* Grey */
-	--color-grey-50: oklch(0.95 0 0);
-	--color-grey-100: oklch(0.9 0 0);
-	--color-grey-200: oklch(0.85 0 0);
-	--color-grey-300: oklch(0.75 0 0);
-	--color-grey-400: oklch(0.65 0 0);
-	--color-grey-500: oklch(0.55 0 0);
-	--color-grey-600: oklch(0.45 0 0);
-	--color-grey-700: oklch(0.35 0 0);
-	--color-grey-800: oklch(0.25 0 0);
-	--color-grey-900: oklch(0.15 0 0);
-	--color-white: oklch(1 0 0);
-	--color-black: oklch(0 0 0);
+	--color-grey-50: oklch(95% 0 0);
+	--color-grey-100: oklch(90% 0 0);
+	--color-grey-200: oklch(85% 0 0);
+	--color-grey-300: oklch(75% 0 0);
+	--color-grey-400: oklch(65% 0 0);
+	--color-grey-500: oklch(55% 0 0);
+	--color-grey-600: oklch(45% 0 0);
+	--color-grey-700: oklch(35% 0 0);
+	--color-grey-800: oklch(25% 0 0);
+	--color-grey-900: oklch(15% 0 0);
+	--color-white: oklch(100% 0 0);
+	--color-black: oklch(0% 0 0);
 
 	/**
    * Light mode (default)
@@ -47,10 +47,10 @@
 	--color-button-text--hover: var(--color-accent-50);
 	--color-button-text--active: var(--color-accent-50);
 	--color-onpicture: var(--color-grey-50);
-	--color-bg-onpicture: oklch(0.15 0.01 46 / 0.2);
-	--color-overlay: oklch(0.95 0.01 46 / 0.7);
-	--color-overlay-fallback: oklch(0.95 0.01 46 / 0.9);
-	--color-shadow: oklch(0.15 0.01 46 / 0.3);
+	--color-bg-onpicture: oklch(15% 0.01 46 / 0.2);
+	--color-overlay: oklch(95% 0.01 46 / 0.7);
+	--color-overlay-fallback: oklch(95% 0.01 46 / 0.9);
+	--color-shadow: oklch(15% 0.01 46 / 0.3);
 	--color-picture-border: var(--color-white);
 	--color-text-on-picture-border: var(--color-black);
 
@@ -81,18 +81,18 @@
 		--color-button-text: var(--color-grey-50);
 		--color-button-text--hover: var(--color-grey-50);
 		--color-button-text--active: var(--color-grey-50);
-		--color-overlay: oklch(0.15 0 46 / 0.7);
-		--color-overlay-fallback: oklch(0.15 0 46 / 0.9);
-		--color-shadow: oklch(0.95 0 46 / 0.02);
+		--color-overlay: oklch(15% 0 46 / 0.7);
+		--color-overlay-fallback: oklch(15% 0 46 / 0.9);
+		--color-shadow: oklch(95% 0 46 / 0.02);
 	}
 }
 
 ::backdrop {
-	--color-overlay: oklch(0.95 0.01 46 / 0.7);
-	--color-overlay-fallback: oklch(0.95 0.01 46 / 0.9);
+	--color-overlay: oklch(95% 0.01 46 / 0.7);
+	--color-overlay-fallback: oklch(95% 0.01 46 / 0.9);
 
 	@media (prefers-color-scheme: dark) {
-		--color-overlay: oklch(0.15 0 46 / 0.7);
-		--color-overlay-fallback: oklch(0.15 0 46 / 0.9);
+		--color-overlay: oklch(15% 0 46 / 0.7);
+		--color-overlay-fallback: oklch(15% 0 46 / 0.9);
 	}
 }