@electral-io/webspa 0.0.0-stage → 1.0.1

package/dist/web-spa-css-custom-data.json

@@ -0,0 +1,1935 @@
+{
+  "version": 1.1,
+  "properties": [
+    {
+      "name": "--black",
+      "description": "Tailwind palette: black (#000). Default: #000.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--white",
+      "description": "Tailwind palette: white (#fff). Default: #fff.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-50",
+      "description": "Tailwind red-50. Default: oklch(0.971 0.013 17.38).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-100",
+      "description": "Tailwind red-100. Default: oklch(0.936 0.032 17.717).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-200",
+      "description": "Tailwind red-200. Default: oklch(0.885 0.062 18.334).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-300",
+      "description": "Tailwind red-300. Default: oklch(0.808 0.114 19.571).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-400",
+      "description": "Tailwind red-400. Default: oklch(0.704 0.191 22.216).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-500",
+      "description": "Tailwind red-500. Default: oklch(0.637 0.237 25.331).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-600",
+      "description": "Tailwind red-600. Default: oklch(0.577 0.245 27.325).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-700",
+      "description": "Tailwind red-700. Default: oklch(0.505 0.213 27.518).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-800",
+      "description": "Tailwind red-800. Default: oklch(0.444 0.177 26.899).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-900",
+      "description": "Tailwind red-900. Default: oklch(0.396 0.141 25.723).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--red-950",
+      "description": "Tailwind red-950. Default: oklch(0.258 0.092 26.042).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-50",
+      "description": "Tailwind orange-50. Default: oklch(0.98 0.016 73.684).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-100",
+      "description": "Tailwind orange-100. Default: oklch(0.954 0.038 75.164).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-200",
+      "description": "Tailwind orange-200. Default: oklch(0.901 0.076 70.697).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-300",
+      "description": "Tailwind orange-300. Default: oklch(0.837 0.128 66.29).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-400",
+      "description": "Tailwind orange-400. Default: oklch(0.75 0.183 55.934).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-500",
+      "description": "Tailwind orange-500. Default: oklch(0.705 0.213 47.604).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-600",
+      "description": "Tailwind orange-600. Default: oklch(0.646 0.222 41.116).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-700",
+      "description": "Tailwind orange-700. Default: oklch(0.553 0.195 38.402).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-800",
+      "description": "Tailwind orange-800. Default: oklch(0.47 0.157 37.304).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-900",
+      "description": "Tailwind orange-900. Default: oklch(0.408 0.123 38.172).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--orange-950",
+      "description": "Tailwind orange-950. Default: oklch(0.266 0.079 36.259).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-50",
+      "description": "Tailwind amber-50. Default: oklch(0.987 0.022 95.277).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-100",
+      "description": "Tailwind amber-100. Default: oklch(0.962 0.059 95.617).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-200",
+      "description": "Tailwind amber-200. Default: oklch(0.924 0.12 95.746).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-300",
+      "description": "Tailwind amber-300. Default: oklch(0.879 0.169 91.605).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-400",
+      "description": "Tailwind amber-400. Default: oklch(0.828 0.189 84.429).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-500",
+      "description": "Tailwind amber-500. Default: oklch(0.769 0.188 70.08).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-600",
+      "description": "Tailwind amber-600. Default: oklch(0.666 0.179 58.318).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-700",
+      "description": "Tailwind amber-700. Default: oklch(0.555 0.163 48.998).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-800",
+      "description": "Tailwind amber-800. Default: oklch(0.473 0.137 46.201).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-900",
+      "description": "Tailwind amber-900. Default: oklch(0.414 0.112 45.904).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--amber-950",
+      "description": "Tailwind amber-950. Default: oklch(0.279 0.077 45.635).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-50",
+      "description": "Tailwind yellow-50. Default: oklch(0.987 0.026 102.212).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-100",
+      "description": "Tailwind yellow-100. Default: oklch(0.973 0.071 103.193).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-200",
+      "description": "Tailwind yellow-200. Default: oklch(0.945 0.129 101.54).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-300",
+      "description": "Tailwind yellow-300. Default: oklch(0.905 0.182 98.111).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-400",
+      "description": "Tailwind yellow-400. Default: oklch(0.852 0.199 91.936).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-500",
+      "description": "Tailwind yellow-500. Default: oklch(0.795 0.184 86.047).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-600",
+      "description": "Tailwind yellow-600. Default: oklch(0.681 0.162 75.834).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-700",
+      "description": "Tailwind yellow-700. Default: oklch(0.554 0.135 66.442).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-800",
+      "description": "Tailwind yellow-800. Default: oklch(0.476 0.114 61.907).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-900",
+      "description": "Tailwind yellow-900. Default: oklch(0.421 0.095 57.708).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--yellow-950",
+      "description": "Tailwind yellow-950. Default: oklch(0.286 0.066 53.813).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-50",
+      "description": "Tailwind lime-50. Default: oklch(0.986 0.031 120.757).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-100",
+      "description": "Tailwind lime-100. Default: oklch(0.967 0.067 122.328).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-200",
+      "description": "Tailwind lime-200. Default: oklch(0.938 0.127 124.321).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-300",
+      "description": "Tailwind lime-300. Default: oklch(0.897 0.196 126.665).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-400",
+      "description": "Tailwind lime-400. Default: oklch(0.841 0.238 128.85).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-500",
+      "description": "Tailwind lime-500. Default: oklch(0.768 0.233 130.85).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-600",
+      "description": "Tailwind lime-600. Default: oklch(0.648 0.2 131.684).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-700",
+      "description": "Tailwind lime-700. Default: oklch(0.532 0.157 131.589).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-800",
+      "description": "Tailwind lime-800. Default: oklch(0.453 0.124 130.933).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-900",
+      "description": "Tailwind lime-900. Default: oklch(0.405 0.101 131.063).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--lime-950",
+      "description": "Tailwind lime-950. Default: oklch(0.274 0.072 132.109).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-50",
+      "description": "Tailwind green-50. Default: oklch(0.982 0.018 155.826).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-100",
+      "description": "Tailwind green-100. Default: oklch(0.962 0.044 156.743).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-200",
+      "description": "Tailwind green-200. Default: oklch(0.925 0.084 155.995).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-300",
+      "description": "Tailwind green-300. Default: oklch(0.871 0.15 154.449).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-400",
+      "description": "Tailwind green-400. Default: oklch(0.792 0.209 151.711).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-500",
+      "description": "Tailwind green-500. Default: oklch(0.723 0.219 149.579).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-600",
+      "description": "Tailwind green-600. Default: oklch(0.627 0.194 149.214).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-700",
+      "description": "Tailwind green-700. Default: oklch(0.527 0.154 150.069).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-800",
+      "description": "Tailwind green-800. Default: oklch(0.448 0.119 151.328).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-900",
+      "description": "Tailwind green-900. Default: oklch(0.393 0.095 152.535).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--green-950",
+      "description": "Tailwind green-950. Default: oklch(0.266 0.065 152.934).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-50",
+      "description": "Tailwind emerald-50. Default: oklch(0.979 0.021 166.113).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-100",
+      "description": "Tailwind emerald-100. Default: oklch(0.95 0.052 163.051).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-200",
+      "description": "Tailwind emerald-200. Default: oklch(0.905 0.093 164.15).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-300",
+      "description": "Tailwind emerald-300. Default: oklch(0.845 0.143 164.978).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-400",
+      "description": "Tailwind emerald-400. Default: oklch(0.765 0.177 163.223).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-500",
+      "description": "Tailwind emerald-500. Default: oklch(0.696 0.17 162.48).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-600",
+      "description": "Tailwind emerald-600. Default: oklch(0.596 0.145 163.225).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-700",
+      "description": "Tailwind emerald-700. Default: oklch(0.508 0.118 165.612).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-800",
+      "description": "Tailwind emerald-800. Default: oklch(0.432 0.095 166.913).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-900",
+      "description": "Tailwind emerald-900. Default: oklch(0.378 0.077 168.94).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--emerald-950",
+      "description": "Tailwind emerald-950. Default: oklch(0.262 0.051 172.552).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-50",
+      "description": "Tailwind teal-50. Default: oklch(0.984 0.014 180.72).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-100",
+      "description": "Tailwind teal-100. Default: oklch(0.953 0.051 180.801).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-200",
+      "description": "Tailwind teal-200. Default: oklch(0.91 0.096 180.426).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-300",
+      "description": "Tailwind teal-300. Default: oklch(0.855 0.138 181.071).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-400",
+      "description": "Tailwind teal-400. Default: oklch(0.777 0.152 181.912).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-500",
+      "description": "Tailwind teal-500. Default: oklch(0.704 0.14 182.503).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-600",
+      "description": "Tailwind teal-600. Default: oklch(0.6 0.118 184.704).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-700",
+      "description": "Tailwind teal-700. Default: oklch(0.511 0.096 186.391).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-800",
+      "description": "Tailwind teal-800. Default: oklch(0.437 0.078 188.216).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-900",
+      "description": "Tailwind teal-900. Default: oklch(0.386 0.063 188.416).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--teal-950",
+      "description": "Tailwind teal-950. Default: oklch(0.277 0.046 192.524).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-50",
+      "description": "Tailwind cyan-50. Default: oklch(0.984 0.019 200.873).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-100",
+      "description": "Tailwind cyan-100. Default: oklch(0.956 0.045 203.388).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-200",
+      "description": "Tailwind cyan-200. Default: oklch(0.917 0.08 205.041).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-300",
+      "description": "Tailwind cyan-300. Default: oklch(0.865 0.127 207.078).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-400",
+      "description": "Tailwind cyan-400. Default: oklch(0.789 0.154 211.53).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-500",
+      "description": "Tailwind cyan-500. Default: oklch(0.715 0.143 215.221).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-600",
+      "description": "Tailwind cyan-600. Default: oklch(0.609 0.126 221.723).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-700",
+      "description": "Tailwind cyan-700. Default: oklch(0.52 0.105 223.128).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-800",
+      "description": "Tailwind cyan-800. Default: oklch(0.45 0.085 224.283).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-900",
+      "description": "Tailwind cyan-900. Default: oklch(0.398 0.07 227.392).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--cyan-950",
+      "description": "Tailwind cyan-950. Default: oklch(0.302 0.056 229.695).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-50",
+      "description": "Tailwind sky-50. Default: oklch(0.977 0.013 236.62).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-100",
+      "description": "Tailwind sky-100. Default: oklch(0.951 0.026 236.824).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-200",
+      "description": "Tailwind sky-200. Default: oklch(0.901 0.058 230.902).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-300",
+      "description": "Tailwind sky-300. Default: oklch(0.828 0.111 230.318).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-400",
+      "description": "Tailwind sky-400. Default: oklch(0.746 0.16 232.661).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-500",
+      "description": "Tailwind sky-500. Default: oklch(0.685 0.169 237.323).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-600",
+      "description": "Tailwind sky-600. Default: oklch(0.588 0.158 241.966).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-700",
+      "description": "Tailwind sky-700. Default: oklch(0.5 0.134 242.749).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-800",
+      "description": "Tailwind sky-800. Default: oklch(0.443 0.11 240.79).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-900",
+      "description": "Tailwind sky-900. Default: oklch(0.391 0.09 240.876).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--sky-950",
+      "description": "Tailwind sky-950. Default: oklch(0.293 0.066 243.157).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-50",
+      "description": "Tailwind blue-50. Default: oklch(0.97 0.014 254.604).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-100",
+      "description": "Tailwind blue-100. Default: oklch(0.932 0.032 255.585).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-200",
+      "description": "Tailwind blue-200. Default: oklch(0.882 0.059 254.128).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-300",
+      "description": "Tailwind blue-300. Default: oklch(0.809 0.105 251.813).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-400",
+      "description": "Tailwind blue-400. Default: oklch(0.707 0.165 254.624).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-500",
+      "description": "Tailwind blue-500. Default: oklch(0.623 0.214 259.815).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-600",
+      "description": "Tailwind blue-600. Default: oklch(0.546 0.245 262.881).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-700",
+      "description": "Tailwind blue-700. Default: oklch(0.488 0.243 264.376).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-800",
+      "description": "Tailwind blue-800. Default: oklch(0.424 0.199 265.638).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-900",
+      "description": "Tailwind blue-900. Default: oklch(0.379 0.146 265.522).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--blue-950",
+      "description": "Tailwind blue-950. Default: oklch(0.282 0.091 267.935).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-50",
+      "description": "Tailwind indigo-50. Default: oklch(0.962 0.018 272.314).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-100",
+      "description": "Tailwind indigo-100. Default: oklch(0.93 0.034 272.788).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-200",
+      "description": "Tailwind indigo-200. Default: oklch(0.87 0.065 274.039).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-300",
+      "description": "Tailwind indigo-300. Default: oklch(0.785 0.115 274.713).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-400",
+      "description": "Tailwind indigo-400. Default: oklch(0.673 0.182 276.935).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-500",
+      "description": "Tailwind indigo-500. Default: oklch(0.585 0.233 277.117).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-600",
+      "description": "Tailwind indigo-600. Default: oklch(0.511 0.262 276.966).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-700",
+      "description": "Tailwind indigo-700. Default: oklch(0.457 0.24 277.023).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-800",
+      "description": "Tailwind indigo-800. Default: oklch(0.398 0.195 277.366).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-900",
+      "description": "Tailwind indigo-900. Default: oklch(0.359 0.144 278.697).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--indigo-950",
+      "description": "Tailwind indigo-950. Default: oklch(0.257 0.09 281.288).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-50",
+      "description": "Tailwind violet-50. Default: oklch(0.969 0.016 293.756).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-100",
+      "description": "Tailwind violet-100. Default: oklch(0.943 0.029 294.588).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-200",
+      "description": "Tailwind violet-200. Default: oklch(0.894 0.057 293.283).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-300",
+      "description": "Tailwind violet-300. Default: oklch(0.811 0.111 293.571).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-400",
+      "description": "Tailwind violet-400. Default: oklch(0.702 0.183 293.541).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-500",
+      "description": "Tailwind violet-500. Default: oklch(0.606 0.25 292.717).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-600",
+      "description": "Tailwind violet-600. Default: oklch(0.541 0.281 293.009).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-700",
+      "description": "Tailwind violet-700. Default: oklch(0.491 0.27 292.581).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-800",
+      "description": "Tailwind violet-800. Default: oklch(0.432 0.232 292.759).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-900",
+      "description": "Tailwind violet-900. Default: oklch(0.38 0.189 293.745).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--violet-950",
+      "description": "Tailwind violet-950. Default: oklch(0.283 0.141 291.089).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-50",
+      "description": "Tailwind purple-50. Default: oklch(0.977 0.014 308.299).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-100",
+      "description": "Tailwind purple-100. Default: oklch(0.946 0.033 307.174).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-200",
+      "description": "Tailwind purple-200. Default: oklch(0.902 0.063 306.703).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-300",
+      "description": "Tailwind purple-300. Default: oklch(0.827 0.119 306.383).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-400",
+      "description": "Tailwind purple-400. Default: oklch(0.714 0.203 305.504).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-500",
+      "description": "Tailwind purple-500. Default: oklch(0.627 0.265 303.9).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-600",
+      "description": "Tailwind purple-600. Default: oklch(0.558 0.288 302.321).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-700",
+      "description": "Tailwind purple-700. Default: oklch(0.496 0.265 301.924).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-800",
+      "description": "Tailwind purple-800. Default: oklch(0.438 0.218 303.724).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-900",
+      "description": "Tailwind purple-900. Default: oklch(0.381 0.176 304.987).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--purple-950",
+      "description": "Tailwind purple-950. Default: oklch(0.291 0.149 302.717).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-50",
+      "description": "Tailwind fuchsia-50. Default: oklch(0.977 0.017 320.058).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-100",
+      "description": "Tailwind fuchsia-100. Default: oklch(0.952 0.037 318.852).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-200",
+      "description": "Tailwind fuchsia-200. Default: oklch(0.903 0.076 319.62).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-300",
+      "description": "Tailwind fuchsia-300. Default: oklch(0.833 0.145 321.434).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-400",
+      "description": "Tailwind fuchsia-400. Default: oklch(0.74 0.238 322.16).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-500",
+      "description": "Tailwind fuchsia-500. Default: oklch(0.667 0.295 322.15).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-600",
+      "description": "Tailwind fuchsia-600. Default: oklch(0.591 0.293 322.896).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-700",
+      "description": "Tailwind fuchsia-700. Default: oklch(0.518 0.253 323.949).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-800",
+      "description": "Tailwind fuchsia-800. Default: oklch(0.452 0.211 324.591).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-900",
+      "description": "Tailwind fuchsia-900. Default: oklch(0.401 0.17 325.612).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--fuchsia-950",
+      "description": "Tailwind fuchsia-950. Default: oklch(0.293 0.136 325.661).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-50",
+      "description": "Tailwind pink-50. Default: oklch(0.971 0.014 343.198).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-100",
+      "description": "Tailwind pink-100. Default: oklch(0.948 0.028 342.258).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-200",
+      "description": "Tailwind pink-200. Default: oklch(0.899 0.061 343.231).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-300",
+      "description": "Tailwind pink-300. Default: oklch(0.823 0.12 346.018).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-400",
+      "description": "Tailwind pink-400. Default: oklch(0.718 0.202 349.761).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-500",
+      "description": "Tailwind pink-500. Default: oklch(0.656 0.241 354.308).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-600",
+      "description": "Tailwind pink-600. Default: oklch(0.592 0.249 0.584).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-700",
+      "description": "Tailwind pink-700. Default: oklch(0.525 0.223 3.958).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-800",
+      "description": "Tailwind pink-800. Default: oklch(0.459 0.187 3.815).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-900",
+      "description": "Tailwind pink-900. Default: oklch(0.408 0.153 2.432).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--pink-950",
+      "description": "Tailwind pink-950. Default: oklch(0.284 0.109 3.907).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-50",
+      "description": "Tailwind rose-50. Default: oklch(0.969 0.015 12.422).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-100",
+      "description": "Tailwind rose-100. Default: oklch(0.941 0.03 12.58).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-200",
+      "description": "Tailwind rose-200. Default: oklch(0.892 0.058 10.001).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-300",
+      "description": "Tailwind rose-300. Default: oklch(0.81 0.117 11.638).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-400",
+      "description": "Tailwind rose-400. Default: oklch(0.712 0.194 13.428).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-500",
+      "description": "Tailwind rose-500. Default: oklch(0.645 0.246 16.439).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-600",
+      "description": "Tailwind rose-600. Default: oklch(0.586 0.253 17.585).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-700",
+      "description": "Tailwind rose-700. Default: oklch(0.514 0.222 16.935).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-800",
+      "description": "Tailwind rose-800. Default: oklch(0.455 0.188 13.697).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-900",
+      "description": "Tailwind rose-900. Default: oklch(0.41 0.159 10.272).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--rose-950",
+      "description": "Tailwind rose-950. Default: oklch(0.271 0.105 12.094).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-50",
+      "description": "Tailwind slate-50. Default: oklch(0.984 0.003 247.858).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-100",
+      "description": "Tailwind slate-100. Default: oklch(0.968 0.007 247.896).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-200",
+      "description": "Tailwind slate-200. Default: oklch(0.929 0.013 255.508).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-300",
+      "description": "Tailwind slate-300. Default: oklch(0.869 0.022 252.894).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-400",
+      "description": "Tailwind slate-400. Default: oklch(0.704 0.04 256.788).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-500",
+      "description": "Tailwind slate-500. Default: oklch(0.554 0.046 257.417).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-600",
+      "description": "Tailwind slate-600. Default: oklch(0.446 0.043 257.281).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-700",
+      "description": "Tailwind slate-700. Default: oklch(0.372 0.044 257.287).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-800",
+      "description": "Tailwind slate-800. Default: oklch(0.279 0.041 260.031).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-900",
+      "description": "Tailwind slate-900. Default: oklch(0.208 0.042 265.755).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--slate-950",
+      "description": "Tailwind slate-950. Default: oklch(0.129 0.042 264.695).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-50",
+      "description": "Tailwind gray-50. Default: oklch(0.985 0.002 247.839).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-100",
+      "description": "Tailwind gray-100. Default: oklch(0.967 0.003 264.542).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-200",
+      "description": "Tailwind gray-200. Default: oklch(0.928 0.006 264.531).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-300",
+      "description": "Tailwind gray-300. Default: oklch(0.872 0.01 258.338).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-400",
+      "description": "Tailwind gray-400. Default: oklch(0.707 0.022 261.325).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-500",
+      "description": "Tailwind gray-500. Default: oklch(0.551 0.027 264.364).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-600",
+      "description": "Tailwind gray-600. Default: oklch(0.446 0.03 256.802).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-700",
+      "description": "Tailwind gray-700. Default: oklch(0.373 0.034 259.733).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-800",
+      "description": "Tailwind gray-800. Default: oklch(0.278 0.033 256.848).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-900",
+      "description": "Tailwind gray-900. Default: oklch(0.21 0.034 264.665).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--gray-950",
+      "description": "Tailwind gray-950. Default: oklch(0.13 0.028 261.692).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-50",
+      "description": "Tailwind zinc-50. Default: oklch(0.985 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-100",
+      "description": "Tailwind zinc-100. Default: oklch(0.967 0.001 286.375).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-200",
+      "description": "Tailwind zinc-200. Default: oklch(0.92 0.004 286.32).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-300",
+      "description": "Tailwind zinc-300. Default: oklch(0.871 0.006 286.286).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-400",
+      "description": "Tailwind zinc-400. Default: oklch(0.705 0.015 286.067).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-500",
+      "description": "Tailwind zinc-500. Default: oklch(0.552 0.016 285.938).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-600",
+      "description": "Tailwind zinc-600. Default: oklch(0.442 0.017 285.786).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-700",
+      "description": "Tailwind zinc-700. Default: oklch(0.37 0.013 285.805).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-800",
+      "description": "Tailwind zinc-800. Default: oklch(0.274 0.006 286.033).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-900",
+      "description": "Tailwind zinc-900. Default: oklch(0.21 0.006 285.885).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--zinc-950",
+      "description": "Tailwind zinc-950. Default: oklch(0.141 0.005 285.823).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-50",
+      "description": "Tailwind neutral-50. Default: oklch(0.985 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-100",
+      "description": "Tailwind neutral-100. Default: oklch(0.97 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-200",
+      "description": "Tailwind neutral-200. Default: oklch(0.922 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-300",
+      "description": "Tailwind neutral-300. Default: oklch(0.87 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-400",
+      "description": "Tailwind neutral-400. Default: oklch(0.708 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-500",
+      "description": "Tailwind neutral-500. Default: oklch(0.556 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-600",
+      "description": "Tailwind neutral-600. Default: oklch(0.439 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-700",
+      "description": "Tailwind neutral-700. Default: oklch(0.371 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-800",
+      "description": "Tailwind neutral-800. Default: oklch(0.269 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-900",
+      "description": "Tailwind neutral-900. Default: oklch(0.205 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--neutral-950",
+      "description": "Tailwind neutral-950. Default: oklch(0.145 0 0).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-50",
+      "description": "Tailwind stone-50. Default: oklch(0.985 0.001 106.423).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-100",
+      "description": "Tailwind stone-100. Default: oklch(0.97 0.001 106.424).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-200",
+      "description": "Tailwind stone-200. Default: oklch(0.923 0.003 48.717).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-300",
+      "description": "Tailwind stone-300. Default: oklch(0.869 0.005 56.366).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-400",
+      "description": "Tailwind stone-400. Default: oklch(0.709 0.01 56.259).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-500",
+      "description": "Tailwind stone-500. Default: oklch(0.553 0.013 58.071).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-600",
+      "description": "Tailwind stone-600. Default: oklch(0.444 0.011 73.639).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-700",
+      "description": "Tailwind stone-700. Default: oklch(0.374 0.01 67.558).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-800",
+      "description": "Tailwind stone-800. Default: oklch(0.268 0.007 34.298).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-900",
+      "description": "Tailwind stone-900. Default: oklch(0.216 0.006 56.043).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--stone-950",
+      "description": "Tailwind stone-950. Default: oklch(0.147 0.004 49.25).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--primary",
+      "description": "Primary brand color. Default: #2563EB.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--primary-2",
+      "description": "Secondary brand accent color. Default: #1D4ED8.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--primary-inverse",
+      "description": "Text color for use on primary-colored backgrounds. Default: var(--white).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--secondary",
+      "description": "Secondary brand color. Default: var(--fuchsia-600).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--secondary-inverse",
+      "description": "Text color for use on secondary-colored backgrounds. Default: var(--white).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--mid",
+      "description": "Neutral mid-tone color used for muted text, borders, and surfaces. Default: var(--gray-500).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--d1",
+      "description": "Internal mix ratio (10%) used to build the -u/-d color scales. Default: 10%.",
+      "syntax": "<percentage>"
+    },
+    {
+      "name": "--d2",
+      "description": "Internal mix ratio (30%). Default: 30%.",
+      "syntax": "<percentage>"
+    },
+    {
+      "name": "--d3",
+      "description": "Internal mix ratio (50%). Default: 50%.",
+      "syntax": "<percentage>"
+    },
+    {
+      "name": "--d4",
+      "description": "Internal mix ratio (70%). Default: 70%.",
+      "syntax": "<percentage>"
+    },
+    {
+      "name": "--d5",
+      "description": "Internal mix ratio (90%). Default: 90%.",
+      "syntax": "<percentage>"
+    },
+    {
+      "name": "--base-up",
+      "description": "Foreground direction color. Light: #222, Dark: #fff.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--base-down",
+      "description": "Background direction color. Light: #FFF, Dark: #111.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--navside-color",
+      "description": "Side navigation / dark chrome background. Light: #17254a, Dark: #323744."
+    },
+    {
+      "name": "--brand",
+      "description": "Corporate brand color (side rail, active sub-tab, group headers). Fixed, does not follow the theme menu. Light: #123C3A, Dark: #5EB3AC."
+    },
+    {
+      "name": "--brand-soft",
+      "description": "Light background tint of --brand. Light: #E7F0EF, Dark: #12302E."
+    },
+    {
+      "name": "--bg-main",
+      "description": "Main application background (page behind panels). Light: #F8FAFC, Dark: #0B1120."
+    },
+    {
+      "name": "--bg-card",
+      "description": "Card / panel surface background. Light: #FFFFFF, Dark: #0F172A."
+    },
+    {
+      "name": "--border-color",
+      "description": "Standard border color. Light: #E2E8F0, Dark: #1E293B.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--divider",
+      "description": "Thin separator lines (grid row dividers, list separators). Light: #F1F5F9, Dark: #172033."
+    },
+    {
+      "name": "--text",
+      "description": "Body text color. Light: #0F172A, Dark: #E2E8F0.",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--text-2",
+      "description": "Secondary text, between --text and --text-muted. Light: #334155, Dark: #CBD5E1."
+    },
+    {
+      "name": "--text-muted",
+      "description": "Muted / secondary text (hints, captions, placeholders). Light: #64748B, Dark: #94A3B8."
+    },
+    {
+      "name": "--text-table",
+      "description": "Table cell text color. Light: var(--text-2), Dark: var(--text-2)."
+    },
+    {
+      "name": "--text-mark",
+      "description": "Highlight (search match) background. Light: var(--amber-200), Dark: var(--amber-200)."
+    },
+    {
+      "name": "--shadow-color",
+      "description": "Base shadow color. Light: rgba(112, 144, 176, 0.2), Dark: color-mix(in oklab, var(--primary) 30%, transparent 70%)."
+    },
+    {
+      "name": "--shadow-color-lg",
+      "description": "Base color of large shadows. Light: rgba(112, 144, 176, 0.3), Dark: color-mix(in oklab, var(--primary) 30%, transparent 70%)."
+    },
+    {
+      "name": "--info",
+      "description": "Informational color. Light: var(--cyan-500), Dark: var(--cyan-500).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-2",
+      "description": "Info tint. Light: var(--cyan-300), Dark: var(--cyan-600).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger",
+      "description": "Error / destructive action color. Light: var(--red-600), Dark: var(--red-600).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-2",
+      "description": "Danger tint. Light: var(--red-300), Dark: var(--red-700).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning",
+      "description": "Warning / caution color. Light: var(--amber-500), Dark: var(--amber-600).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-2",
+      "description": "Warning tint. Light: var(--amber-300), Dark: var(--amber-700).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success",
+      "description": "Success / positive action color. Light: var(--lime-600), Dark: var(--lime-600).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-2",
+      "description": "Success tint. Light: var(--lime-300), Dark: var(--lime-700).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--ico-fg-danger",
+      "description": "Icon foreground for danger badges. Light: var(--red-700), Dark: var(--red-300)."
+    },
+    {
+      "name": "--ico-bg-danger",
+      "description": "Icon background for danger badges. Light: var(--red-100), Dark: var(--red-800)."
+    },
+    {
+      "name": "--ico-fg-warning",
+      "description": "Icon foreground for warning badges. Light: var(--amber-700), Dark: var(--amber-300)."
+    },
+    {
+      "name": "--ico-bg-warning",
+      "description": "Icon background for warning badges. Light: var(--amber-100), Dark: var(--amber-800)."
+    },
+    {
+      "name": "--ico-fg-info",
+      "description": "Icon foreground for info badges. Light: var(--sky-700), Dark: var(--sky-300)."
+    },
+    {
+      "name": "--ico-bg-info",
+      "description": "Icon background for info badges. Light: var(--sky-100), Dark: var(--sky-800)."
+    },
+    {
+      "name": "--ico-fg-success",
+      "description": "Icon foreground for success badges. Light: var(--green-700), Dark: var(--green-300)."
+    },
+    {
+      "name": "--ico-bg-success",
+      "description": "Icon background for success badges. Light: var(--green-100), Dark: var(--green-800)."
+    },
+    {
+      "name": "--action",
+      "description": "Primary action color (buttons, links, focus). Follows the theme color chosen by the user (= --primary). Default: var(--primary)."
+    },
+    {
+      "name": "--action-hover",
+      "description": "Hover state of --action. Default: color-mix(in oklab, var(--action) 85%, black 15%)."
+    },
+    {
+      "name": "--action-soft",
+      "description": "Very light --action tint (active chip / segment background). Default: color-mix(in oklab, var(--action) 8%, var(--bg-card) 92%)."
+    },
+    {
+      "name": "--row-selected",
+      "description": "Selected table row background. Default: color-mix(in oklab, var(--action) 4%, var(--bg-card) 96%)."
+    },
+    {
+      "name": "--danger-soft",
+      "description": "Light danger background for badges / pills. Default: color-mix(in oklab, var(--danger) 10%, var(--bg-card))."
+    },
+    {
+      "name": "--warning-soft",
+      "description": "Light warning background for badges / pills. Default: color-mix(in oklab, var(--warning) 12%, var(--bg-card))."
+    },
+    {
+      "name": "--success-soft",
+      "description": "Light success background for badges / pills. Default: color-mix(in oklab, var(--success) 12%, var(--bg-card))."
+    },
+    {
+      "name": "--active",
+      "description": "Active / selected state outline color. Default: color-mix(in oklab, var(--primary) 100%, var(--base-down) 25%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--hover-color",
+      "description": "Background of hovered rows / items. Default: color-mix(in oklab, var(--base-down) 100%, var(--base-up) 7%)."
+    },
+    {
+      "name": "--selected-color",
+      "description": "Background of selected rows / items. Default: color-mix(in oklab, var(--primary) 20%, var(--base-down) 100%)."
+    },
+    {
+      "name": "--primary-hover",
+      "description": "Primary color in hover state (blended with base-up). Default: color-mix(in oklab, var(--primary) 100%, var(--base-up) 50%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--primary-focus",
+      "description": "Primary color at 50% transparency — used for focus rings. Default: color-mix(in srgb, var(--primary), var(--base-down) 50%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--secondary-hover",
+      "description": "Secondary hover state. Default: color-mix(in oklab, var(--primary) 100%, var(--base-up) 50%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--secondary-focus",
+      "description": "Secondary focus color. Default: color-mix(in srgb, var(--primary) var(--base-down) 50%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--background-color",
+      "description": "Main page background color. Default: var(--base-down).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--text-color",
+      "description": "Body text color. Alias for --text. Default: var(--text).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--color",
+      "description": "Alias of --text-color. Default: var(--text-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--focus-color",
+      "description": "Focus ring color. Alias for --primary-focus. Default: var(--primary-focus).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--modal-overlay-backdrop-filter",
+      "description": "Backdrop filter for modal overlays. Default: blur(3px).",
+      "syntax": "<filter-function>"
+    },
+    {
+      "name": "--modal-overlay-background-color",
+      "description": "Modal overlay background: semi-transparent mid color. Default: color-mix(in srgb, var(--mid), transparent 90%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--drop-shadow",
+      "description": "Large drop shadow (0px 10px 30px). Default: 0px 0px 3px var(--shadow-color).",
+      "syntax": "<shadow>"
+    },
+    {
+      "name": "--drop-shadow-m",
+      "description": "Medium drop shadow (0px 5px 10px). Default: 2px 2px 4px 2px var(--shadow-color).",
+      "syntax": "<shadow>"
+    },
+    {
+      "name": "--drop-shadow-r",
+      "description": "Large reversed drop shadow (0px -10px 30px, upward). Default: 0px -4px 3px var(--shadow-color).",
+      "syntax": "<shadow>"
+    },
+    {
+      "name": "--drop-shadow-lg",
+      "description": "Large soft drop shadow (popups, dialogs). Default: 0px 4px 20px 5px var(--shadow-color-lg)."
+    },
+    {
+      "name": "--form-element-color",
+      "description": "Form input text color. Default: var(--color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-background-color",
+      "description": "Form input background color. Default: var(--background-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-border-color",
+      "description": "Form input border color. Default: var(--border-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-focus-color",
+      "description": "Form input focus ring color. Default: var(--primary-focus).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-active-background-color",
+      "description": "Form input active state background. Default: var(--background-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-active-border-color",
+      "description": "Input border while active. Default: var(--background-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-disabled-background-color",
+      "description": "Disabled form input background. Default: var(--background-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-disabled-border-color",
+      "description": "Disabled form input border. Default: var(--muted-border-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-disabled-opacity",
+      "description": "Disabled form input opacity. Default: 0.5.",
+      "syntax": "<number>"
+    },
+    {
+      "name": "--form-element-invalid-border-color",
+      "description": "Form input border color when validation fails. Default: var(--danger).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-invalid-active-border-color",
+      "description": "Invalid input border while active. Default: var(--danger-u1).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-invalid-focus-color",
+      "description": "Invalid input focus ring. Default: var(--danger-u2).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-valid-border-color",
+      "description": "Form input border color when validation passes. Default: var(--success).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-valid-active-border-color",
+      "description": "Valid input border while active. Default: var(--success-u1).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-valid-focus-color",
+      "description": "Valid input focus ring. Default: var(--success-u2).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h1-color",
+      "description": "H1 heading color. Default: var(--text-color).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h2-color",
+      "description": "H2 heading color (slightly tinted with primary). Default: color-mix(in oklab, var(--h1-color) 100%, var(--primary) 20%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h3-color",
+      "description": "H3 heading color. Default: color-mix(in oklab, var(--h1-color) 100%, var(--primary) 40%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h4-color",
+      "description": "H4 heading color. Default: color-mix(in oklab, var(--h1-color) 100%, var(--primary) 60%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h5-color",
+      "description": "H5 heading color. Default: color-mix(in oklab, var(--h1-color) 100%, var(--primary) 80%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--h6-color",
+      "description": "H6 heading color (strongest primary tint). Default: color-mix(in oklab, var(--h1-color) 100%, var(--primary) 100%).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-u1",
+      "description": "--danger mixed toward --base-up (text direction), step 1 of 3. Default: color-mix(in oklab, var(--base-up) var(--d1), var(--danger) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-u2",
+      "description": "--danger mixed toward --base-up (text direction), step 2 of 3. Default: color-mix(in oklab, var(--base-up) var(--d3), var(--danger) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-u3",
+      "description": "--danger mixed toward --base-up (text direction), step 3 of 3. Default: color-mix(in oklab, var(--base-up) var(--d5), var(--danger) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-d3",
+      "description": "--danger mixed toward --base-down (background direction), step 3 of 3. Default: color-mix(in oklab, var(--base-down) var(--d5), var(--danger) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-d2",
+      "description": "--danger mixed toward --base-down (background direction), step 2 of 3. Default: color-mix(in oklab, var(--base-down) var(--d3), var(--danger) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--danger-d1",
+      "description": "--danger mixed toward --base-down (background direction), step 1 of 3. Default: color-mix(in oklab, var(--base-down) var(--d1), var(--danger) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-u1",
+      "description": "--warning mixed toward --base-up (text direction), step 1 of 3. Default: color-mix(in oklab, var(--base-up) var(--d1), var(--warning) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-u2",
+      "description": "--warning mixed toward --base-up (text direction), step 2 of 3. Default: color-mix(in oklab, var(--base-up) var(--d3), var(--warning) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-u3",
+      "description": "--warning mixed toward --base-up (text direction), step 3 of 3. Default: color-mix(in oklab, var(--base-up) var(--d5), var(--warning) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-d3",
+      "description": "--warning mixed toward --base-down (background direction), step 3 of 3. Default: color-mix(in oklab, var(--base-down) var(--d5), var(--warning) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-d2",
+      "description": "--warning mixed toward --base-down (background direction), step 2 of 3. Default: color-mix(in oklab, var(--base-down) var(--d3), var(--warning) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--warning-d1",
+      "description": "--warning mixed toward --base-down (background direction), step 1 of 3. Default: color-mix(in oklab, var(--base-down) var(--d1), var(--warning) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-u1",
+      "description": "--success mixed toward --base-up (text direction), step 1 of 3. Default: color-mix(in oklab, var(--base-up) var(--d1), var(--success) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-u2",
+      "description": "--success mixed toward --base-up (text direction), step 2 of 3. Default: color-mix(in oklab, var(--base-up) var(--d3), var(--success) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-u3",
+      "description": "--success mixed toward --base-up (text direction), step 3 of 3. Default: color-mix(in oklab, var(--base-up) var(--d5), var(--success) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-d3",
+      "description": "--success mixed toward --base-down (background direction), step 3 of 3. Default: color-mix(in oklab, var(--base-down) var(--d5), var(--success) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-d2",
+      "description": "--success mixed toward --base-down (background direction), step 2 of 3. Default: color-mix(in oklab, var(--base-down) var(--d3), var(--success) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--success-d1",
+      "description": "--success mixed toward --base-down (background direction), step 1 of 3. Default: color-mix(in oklab, var(--base-down) var(--d1), var(--success) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-u1",
+      "description": "--info mixed toward --base-up (text direction), step 1 of 3. Default: color-mix(in oklab, var(--base-up) var(--d1), var(--info) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-u2",
+      "description": "--info mixed toward --base-up (text direction), step 2 of 3. Default: color-mix(in oklab, var(--base-up) var(--d3), var(--info) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-u3",
+      "description": "--info mixed toward --base-up (text direction), step 3 of 3. Default: color-mix(in oklab, var(--base-up) var(--d5), var(--info) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-d3",
+      "description": "--info mixed toward --base-down (background direction), step 3 of 3. Default: color-mix(in oklab, var(--base-down) var(--d5), var(--info) var(--d1)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-d2",
+      "description": "--info mixed toward --base-down (background direction), step 2 of 3. Default: color-mix(in oklab, var(--base-down) var(--d3), var(--info) var(--d3)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--info-d1",
+      "description": "--info mixed toward --base-down (background direction), step 1 of 3. Default: color-mix(in oklab, var(--base-down) var(--d1), var(--info) var(--d5)).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--accent-bg-img",
+      "description": "Accent gradient: primary → primary-2, horizontal (to right). Default: linear-gradient(to right, var(--primary) 0%, var(--primary) 30%, var(--primary-2) 100%).",
+      "syntax": "<image>"
+    },
+    {
+      "name": "--accent-bg-img-v",
+      "description": "Accent gradient: primary → primary-2, vertical (to bottom). Default: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 30%, var(--primary-2) 100%).",
+      "syntax": "<image>"
+    },
+    {
+      "name": "--font-family",
+      "description": "Base font family. Default: \"Google Sans Flex 24pt\".",
+      "syntax": "<family-name>"
+    },
+    {
+      "name": "--font-mono",
+      "description": "Monospace font for ids, codes, AssetID columns. Default: \"IBM Plex Mono\", Menlo, Consolas, monospace."
+    },
+    {
+      "name": "--font-weight",
+      "description": "Base font weight. Default: normal.",
+      "syntax": "<number>"
+    },
+    {
+      "name": "--font-size",
+      "description": "Base font size. Default: 13px !important.",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--fs-xs",
+      "description": "Font size XS (0.75rem). Default: 0.75rem."
+    },
+    {
+      "name": "--fs-sm",
+      "description": "Font size S (0.875rem). Default: 0.875rem."
+    },
+    {
+      "name": "--fs-md",
+      "description": "Font size M (1rem). Default: 1rem."
+    },
+    {
+      "name": "--fs-lg",
+      "description": "Font size L (1.125rem). Default: 1.125rem."
+    },
+    {
+      "name": "--fs-xl",
+      "description": "Font size XL (1.25rem). Default: 1.250rem."
+    },
+    {
+      "name": "--fs-grid-header",
+      "description": "Table header font size. Default: 12px."
+    },
+    {
+      "name": "--fs-card-title",
+      "description": "Card / panel title font size. Default: 16px."
+    },
+    {
+      "name": "--spacing",
+      "description": "Base spacing unit. Default: 8px.",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--spacing-half",
+      "description": "Half of the base spacing. Computed: calc(--spacing / 2). Default: calc(var(--spacing) / 2).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--spacing-2x",
+      "description": "Double the base spacing. Computed: calc(--spacing * 2). Default: calc(var(--spacing) * 2).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--spacing-1-5x",
+      "description": "1.5 x --spacing (12px). Default: calc(var(--spacing) * 1.5)."
+    },
+    {
+      "name": "--spacing-2-5x",
+      "description": "2.5 x --spacing (20px). Default: calc(var(--spacing) * 2.5)."
+    },
+    {
+      "name": "--spacing-3x",
+      "description": "3 x --spacing (24px). Default: calc(var(--spacing) * 3)."
+    },
+    {
+      "name": "--panel-spacing",
+      "description": "Panel inner padding. Alias for --spacing-2x. Default: calc(var(--spacing) * 1.5).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--pad",
+      "description": "Padding shorthand: --spacing vertical, --spacing-2x horizontal. Default: var(--spacing) var(--spacing-2x)."
+    },
+    {
+      "name": "--pad-half",
+      "description": "Padding shorthand: --spacing-half vertical, --spacing horizontal. Default: var(--spacing-half) var(--spacing)."
+    },
+    {
+      "name": "--pad-2x",
+      "description": "Padding shorthand: --spacing-2x vertical, 2x --spacing-2x horizontal. Default: var(--spacing-2x) calc(var(--spacing-2x) * 2)."
+    },
+    {
+      "name": "--line-height",
+      "description": "Base line height. Default: 1.",
+      "syntax": "<number>"
+    },
+    {
+      "name": "--scrollbar-width",
+      "description": "Custom scrollbar width override. Default: 0px.",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--border-radius",
+      "description": "Element corner radius. Computed from --spacing-half. Default: var(--spacing).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--radius-card",
+      "description": "Corner radius of cards and panels (larger than --border-radius). Default: 12px."
+    },
+    {
+      "name": "--radius-pill",
+      "description": "Fully rounded radius for pills / tags. Default: 999px."
+    },
+    {
+      "name": "--control-h",
+      "description": "Toolbar control height. Default: 36px."
+    },
+    {
+      "name": "--control-h-form",
+      "description": "Form input height. Default: 40px."
+    },
+    {
+      "name": "--control-h-sm",
+      "description": "Small control height (pagination). Default: 28px."
+    },
+    {
+      "name": "--border-width",
+      "description": "Base border thickness. Default: 1.5px.",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--outline-width",
+      "description": "Focus outline width. Default: 2px.",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--transition",
+      "description": "Default transition (0.25s). Default: all 0.25s cubic-bezier(0.4, 0, 0.2, 1).",
+      "syntax": "<transition>"
+    },
+    {
+      "name": "--transition-slow",
+      "description": "Slow default transition (0.5s). Default: all 0.5s cubic-bezier(0.4, 0, 0.2, 1)."
+    },
+    {
+      "name": "--border",
+      "description": "Standard border shorthand: var(--border-width) solid var(--border-color). Default: var(--border-width) solid var(--border-color).",
+      "syntax": "<line-width> || <line-style> || <color>"
+    },
+    {
+      "name": "--form-element-placeholder-color",
+      "description": "Placeholder text color in form inputs. Default: var(--text-muted).",
+      "syntax": "<color>"
+    },
+    {
+      "name": "--form-element-spacing-vertical",
+      "description": "Vertical padding inside form inputs. Default: var(--spacing).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--form-element-spacing-horizontal",
+      "description": "Horizontal padding inside form inputs. Default: var(--spacing).",
+      "syntax": "<length>"
+    },
+    {
+      "name": "--form-label-font-weight",
+      "description": "Font weight for form labels. Default: var(--font-weight).",
+      "syntax": "<number>"
+    }
+  ]
+}