npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.79 → 1.1.0 - Mend

@marioschmidt/design-system-tokens 1.0.79 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2482) hide show

package/dist/json/shared/colorprimitive.json CHANGED Viewed

@@ -38,9 +38,9 @@
           "colorBildRed50"
         ]
       },
-      "colorBildRed35": {
-        "$value": "#AF0002",
-        "value": "#AF0002",
+      "colorBildRed40": {
+        "$value": "#C10000",
+        "value": "#C10000",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -53,8 +53,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#AF0002",
-          "value": "#AF0002",
+          "$value": "#C10000",
+          "value": "#C10000",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -65,17 +65,17 @@
           },
           "$type": "color"
         },
-        "name": "colorBildRed35",
+        "name": "colorBildRed40",
         "attributes": {},
         "path": [
           "BILD",
           "red",
-          "colorBildRed35"
+          "colorBildRed40"
         ]
       },
-      "colorBildRed53": {
-        "$value": "#F52D2D",
-        "value": "#F52D2D",
+      "colorBildRed60": {
+        "$value": "#F75849",
+        "value": "#F75849",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -88,8 +88,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#F52D2D",
-          "value": "#F52D2D",
+          "$value": "#F75849",
+          "value": "#F75849",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -100,12 +100,257 @@
           },
           "$type": "color"
         },
-        "name": "colorBildRed53",
+        "name": "colorBildRed60",
         "attributes": {},
         "path": [
           "BILD",
           "red",
-          "colorBildRed53"
+          "colorBildRed60"
+        ]
+      },
+      "colorBildRed10": {
+        "$value": "#410000",
+        "value": "#410000",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21678:1558"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#410000",
+          "value": "#410000",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21678:1558"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed10",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed10"
+        ]
+      },
+      "colorBildRed90": {
+        "$value": "#FFDADA",
+        "value": "#FFDADA",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21678:1559"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#FFDADA",
+          "value": "#FFDADA",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21678:1559"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed90",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed90"
+        ]
+      },
+      "colorBildRed20": {
+        "$value": "#680000",
+        "value": "#680000",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48823"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#680000",
+          "value": "#680000",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48823"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed20",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed20"
+        ]
+      },
+      "colorBildRed30": {
+        "$value": "#930000",
+        "value": "#930000",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48824"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#930000",
+          "value": "#930000",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48824"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed30",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed30"
+        ]
+      },
+      "colorBildRed80": {
+        "$value": "#FFB2B2",
+        "value": "#FFB2B2",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48825"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#FFB2B2",
+          "value": "#FFB2B2",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48825"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed80",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed80"
+        ]
+      },
+      "colorBildRed95": {
+        "$value": "#FFECEC",
+        "value": "#FFECEC",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48826"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#FFECEC",
+          "value": "#FFECEC",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48826"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed95",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed95"
+        ]
+      },
+      "colorBildRed70": {
+        "$value": "#FF8989",
+        "value": "#FF8989",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48827"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#FF8989",
+          "value": "#FF8989",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48827"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorBildRed70",
+        "attributes": {},
+        "path": [
+          "BILD",
+          "red",
+          "colorBildRed70"
         ]
       }
     },
@@ -149,7 +394,7 @@
       }
     },
     "alpha": {
-      "alphaRed50a80": {
+      "colorBildRed50a80": {
         "$value": "rgba(221, 0, 0, 0.8)",
         "value": "rgba(221, 0, 0, 0.8)",
         "type": "color",
@@ -178,12 +423,12 @@
           "$type": "color",
           "comment": "Used on elevation effects."
         },
-        "name": "alphaRed50a80",
+        "name": "colorBildRed50a80",
         "attributes": {},
         "path": [
           "BILD",
           "alpha",
-          "alphaRed50a80"
+          "colorBildRed50a80"
         ]
       }
     }
@@ -191,8 +436,8 @@
   "Shared": {
     "neutral": {
       "colorNeutral15": {
-        "$value": "#232629",
-        "value": "#232629",
+        "$value": "#222628",
+        "value": "#222628",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -205,8 +450,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#232629",
-          "value": "#232629",
+          "$value": "#222628",
+          "value": "#222628",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -260,9 +505,9 @@
           "colorNeutral100"
         ]
       },
-      "colorNeutral85": {
-        "$value": "#CED4DA",
-        "value": "#CED4DA",
+      "colorNeutral80": {
+        "$value": "#C4C9CF",
+        "value": "#C4C9CF",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -275,8 +520,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#CED4DA",
-          "value": "#CED4DA",
+          "$value": "#C4C9CF",
+          "value": "#C4C9CF",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -287,17 +532,17 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral85",
+        "name": "colorNeutral80",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral85"
+          "colorNeutral80"
         ]
       },
-      "colorNeutral35": {
-        "$value": "#4B525A",
-        "value": "#4B525A",
+      "colorNeutral30": {
+        "$value": "#40464D",
+        "value": "#40464D",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -310,8 +555,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#4B525A",
-          "value": "#4B525A",
+          "$value": "#40464D",
+          "value": "#40464D",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -322,12 +567,12 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral35",
+        "name": "colorNeutral30",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral35"
+          "colorNeutral30"
         ]
       },
       "colorNeutral25": {
@@ -400,7 +645,7 @@
           "colorNeutral60"
         ]
       },
-      "colorNeutral96": {
+      "colorNeutral95": {
         "$value": "#F2F4F5",
         "value": "#F2F4F5",
         "type": "color",
@@ -427,17 +672,17 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral96",
+        "name": "colorNeutral95",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral96"
+          "colorNeutral95"
         ]
       },
-      "colorNeutral93": {
-        "$value": "#E9ECEF",
-        "value": "#E9ECEF",
+      "colorNeutral90": {
+        "$value": "#DDE1E2",
+        "value": "#DDE1E2",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -450,8 +695,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#E9ECEF",
-          "value": "#E9ECEF",
+          "$value": "#DDE1E2",
+          "value": "#DDE1E2",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -462,17 +707,17 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral93",
+        "name": "colorNeutral90",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral93"
+          "colorNeutral90"
         ]
       },
-      "colorNeutral73": {
-        "$value": "#AEB4B9",
-        "value": "#AEB4B9",
+      "colorNeutral70": {
+        "$value": "#A6ABB0",
+        "value": "#A6ABB0",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -485,8 +730,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#AEB4B9",
-          "value": "#AEB4B9",
+          "$value": "#A6ABB0",
+          "value": "#A6ABB0",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -497,17 +742,17 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral73",
+        "name": "colorNeutral70",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral73"
+          "colorNeutral70"
         ]
       },
-      "colorNeutral45": {
-        "$value": "#666B70",
-        "value": "#666B70",
+      "colorNeutral40": {
+        "$value": "#565A5F",
+        "value": "#565A5F",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -520,8 +765,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#666B70",
-          "value": "#666B70",
+          "$value": "#565A5F",
+          "value": "#565A5F",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -532,17 +777,17 @@
           },
           "$type": "color"
         },
-        "name": "colorNeutral45",
+        "name": "colorNeutral40",
         "attributes": {},
         "path": [
           "Shared",
           "neutral",
-          "colorNeutral45"
+          "colorNeutral40"
         ]
       },
       "colorNeutral10": {
-        "$value": "#1C1C1C",
-        "value": "#1C1C1C",
+        "$value": "#191B1C",
+        "value": "#191B1C",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -555,8 +800,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#1C1C1C",
-          "value": "#1C1C1C",
+          "$value": "#191B1C",
+          "value": "#191B1C",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -576,8 +821,8 @@
         ]
       },
       "colorNeutral20": {
-        "$value": "#2C3138",
-        "value": "#2C3138",
+        "$value": "#2C3133",
+        "value": "#2C3133",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -590,8 +835,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#2C3138",
-          "value": "#2C3138",
+          "$value": "#2C3133",
+          "value": "#2C3133",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -644,10 +889,45 @@
           "neutral",
           "colorNeutral0"
         ]
+      },
+      "colorNeutral50": {
+        "$value": "#6E787C",
+        "value": "#6E787C",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:48910"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#6E787C",
+          "value": "#6E787C",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:48910"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral50",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "neutral",
+          "colorNeutral50"
+        ]
       }
     },
     "orange": {
-      "colorOrange67": {
+      "colorOrange70": {
         "$value": "#FD8227",
         "value": "#FD8227",
         "type": "color",
@@ -676,979 +956,1889 @@
           "$type": "color",
           "comment": "Tone: 067"
         },
-        "name": "colorOrange67",
+        "name": "colorOrange70",
         "attributes": {},
         "path": [
           "Shared",
           "orange",
-          "colorOrange67"
+          "colorOrange70"
         ]
-      }
-    },
-    "green": {
-      "colorGreen70": {
-        "$value": "#00C373",
-        "value": "#00C373",
+      },
+      "colorOrange30": {
+        "$value": "#763301",
+        "value": "#763301",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:2496:18725"
+            "variableId": "VariableID:21678:1560"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#00C373",
-          "value": "#00C373",
+          "$value": "#763301",
+          "value": "#763301",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:2496:18725"
+              "variableId": "VariableID:21678:1560"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen70",
+        "name": "colorOrange30",
         "attributes": {},
         "path": [
           "Shared",
-          "green",
-          "colorGreen70"
+          "orange",
+          "colorOrange30"
         ]
       },
-      "colorGreen63": {
-        "$value": "#00AF67",
-        "value": "#00AF67",
+      "colorOrange40": {
+        "$value": "#9E4401",
+        "value": "#9E4401",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:2722:10737"
+            "variableId": "VariableID:21678:1561"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#00AF67",
-          "value": "#00AF67",
+          "$value": "#9E4401",
+          "value": "#9E4401",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:2722:10737"
+              "variableId": "VariableID:21678:1561"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen63",
+        "name": "colorOrange40",
         "attributes": {},
         "path": [
           "Shared",
-          "green",
-          "colorGreen63"
+          "orange",
+          "colorOrange40"
         ]
       },
-      "colorGreen93": {
-        "$value": "#CEF4E4",
-        "value": "#CEF4E4",
+      "colorOrange50": {
+        "$value": "#C65502",
+        "value": "#C65502",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:2812:809"
+            "variableId": "VariableID:21678:1562"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#CEF4E4",
-          "value": "#CEF4E4",
+          "$value": "#C65502",
+          "value": "#C65502",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:2812:809"
+              "variableId": "VariableID:21678:1562"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen93",
+        "name": "colorOrange50",
         "attributes": {},
         "path": [
           "Shared",
-          "green",
-          "colorGreen93"
+          "orange",
+          "colorOrange50"
         ]
       },
-      "colorGreen40": {
-        "$value": "#006E3E",
-        "value": "#006E3E",
+      "colorOrange80": {
+        "$value": "#FEB782",
+        "value": "#FEB782",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:9697:16953"
+            "variableId": "VariableID:21678:1563"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#006E3E",
-          "value": "#006E3E",
+          "$value": "#FEB782",
+          "value": "#FEB782",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:9697:16953"
+              "variableId": "VariableID:21678:1563"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen40",
+        "name": "colorOrange80",
         "attributes": {},
         "path": [
           "Shared",
-          "green",
-          "colorGreen40"
+          "orange",
+          "colorOrange80"
         ]
       },
-      "colorGreen56": {
-        "$value": "#18995C",
-        "value": "#18995C",
+      "colorOrange90": {
+        "$value": "#FEDBC1",
+        "value": "#FEDBC1",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:18489:23879"
+            "variableId": "VariableID:21678:1564"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#18995C",
-          "value": "#18995C",
+          "$value": "#FEDBC1",
+          "value": "#FEDBC1",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:18489:23879"
+              "variableId": "VariableID:21678:1564"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen56",
+        "name": "colorOrange90",
         "attributes": {},
         "path": [
           "Shared",
-          "green",
-          "colorGreen56"
+          "orange",
+          "colorOrange90"
         ]
-      }
-    },
-    "yellow": {
-      "colorYellow80": {
-        "$value": "#FFBF00",
-        "value": "#FFBF00",
+      },
+      "colorOrange95": {
+        "$value": "#FFEDDF",
+        "value": "#FFEDDF",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:2979:10317"
+            "variableId": "VariableID:21692:7207"
           }
         },
         "$type": "color",
-        "comment": "Tone: 081",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#FFBF00",
-          "value": "#FFBF00",
+          "$value": "#FFEDDF",
+          "value": "#FFEDDF",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:2979:10317"
+              "variableId": "VariableID:21692:7207"
             }
           },
-          "$type": "color",
-          "comment": "Tone: 081"
+          "$type": "color"
         },
-        "name": "colorYellow80",
+        "name": "colorOrange95",
         "attributes": {},
         "path": [
           "Shared",
-          "yellow",
-          "colorYellow80"
+          "orange",
+          "colorOrange95"
         ]
-      }
-    },
-    "alpha": {
-      "alphaNeutral85a50": {
-        "$value": "rgba(206, 212, 218, 0.5)",
-        "value": "rgba(206, 212, 218, 0.5)",
+      },
+      "colorOrange60": {
+        "$value": "#EF6702",
+        "value": "#EF6702",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:3746:1642"
+            "variableId": "VariableID:21692:7208"
           }
         },
         "$type": "color",
-        "comment": "The 50% opacity on this color makes it equivalent to BILD093.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(206, 212, 218, 0.5)",
-          "value": "rgba(206, 212, 218, 0.5)",
+          "$value": "#EF6702",
+          "value": "#EF6702",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:3746:1642"
+              "variableId": "VariableID:21692:7208"
             }
           },
-          "$type": "color",
-          "comment": "The 50% opacity on this color makes it equivalent to BILD093."
+          "$type": "color"
         },
-        "name": "alphaNeutral85a50",
+        "name": "colorOrange60",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaNeutral85a50"
+          "orange",
+          "colorOrange60"
         ]
       },
-      "alphaGreen93a50": {
-        "$value": "rgba(206, 244, 228, 0.5)",
-        "value": "rgba(206, 244, 228, 0.5)",
+      "colorOrange20": {
+        "$value": "#522301",
+        "value": "#522301",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:3756:1744"
+            "variableId": "VariableID:21692:7209"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(206, 244, 228, 0.5)",
-          "value": "rgba(206, 244, 228, 0.5)",
+          "$value": "#522301",
+          "value": "#522301",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:3756:1744"
+              "variableId": "VariableID:21692:7209"
             }
           },
           "$type": "color"
         },
-        "name": "alphaGreen93a50",
+        "name": "colorOrange20",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaGreen93a50"
+          "orange",
+          "colorOrange20"
         ]
       },
-      "colorGreen56a50": {
-        "$value": "rgba(0, 155, 90, 0.5)",
-        "value": "rgba(0, 155, 90, 0.5)",
+      "colorOrange10": {
+        "$value": "#2F1400",
+        "value": "#2F1400",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:3765:1756"
+            "variableId": "VariableID:21692:7210"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 155, 90, 0.5)",
-          "value": "rgba(0, 155, 90, 0.5)",
+          "$value": "#2F1400",
+          "value": "#2F1400",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:3765:1756"
+              "variableId": "VariableID:21692:7210"
             }
           },
           "$type": "color"
         },
-        "name": "colorGreen56a50",
+        "name": "colorOrange10",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "colorGreen56a50"
+          "orange",
+          "colorOrange10"
         ]
-      },
-      "alphaBlack20": {
-        "$value": "rgba(0, 0, 0, 0.2)",
-        "value": "rgba(0, 0, 0, 0.2)",
+      }
+    },
+    "green": {
+      "colorGreen70": {
+        "$value": "#00C373",
+        "value": "#00C373",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:7765:32149"
+            "variableId": "VariableID:2496:18725"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.2)",
-          "value": "rgba(0, 0, 0, 0.2)",
+          "$value": "#00C373",
+          "value": "#00C373",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:7765:32149"
+              "variableId": "VariableID:2496:18725"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack20",
+        "name": "colorGreen70",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack20"
+          "green",
+          "colorGreen70"
         ]
       },
-      "alphaBlack10": {
-        "$value": "rgba(0, 0, 0, 0.1)",
-        "value": "rgba(0, 0, 0, 0.1)",
+      "colorGreen90": {
+        "$value": "#B9EFCD",
+        "value": "#B9EFCD",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:7765:33969"
+            "variableId": "VariableID:2812:809"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.1)",
-          "value": "rgba(0, 0, 0, 0.1)",
+          "$value": "#B9EFCD",
+          "value": "#B9EFCD",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:7765:33969"
+              "variableId": "VariableID:2812:809"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack10",
+        "name": "colorGreen90",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack10"
+          "green",
+          "colorGreen90"
         ]
       },
-      "alphaBlack60": {
-        "$value": "rgba(0, 0, 0, 0.6)",
-        "value": "rgba(0, 0, 0, 0.6)",
+      "colorGreen40": {
+        "$value": "#006E3E",
+        "value": "#006E3E",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:8076:22743"
+            "variableId": "VariableID:9697:16953"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.6)",
-          "value": "rgba(0, 0, 0, 0.6)",
+          "$value": "#006E3E",
+          "value": "#006E3E",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:8076:22743"
+              "variableId": "VariableID:9697:16953"
             }
           },
-          "$type": "color",
-          "comment": "Used on elevation effects."
+          "$type": "color"
         },
-        "name": "alphaBlack60",
+        "name": "colorGreen40",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack60"
+          "green",
+          "colorGreen40"
         ]
       },
-      "alphaBlack30": {
-        "$value": "rgba(0, 0, 0, 0.3)",
-        "value": "rgba(0, 0, 0, 0.3)",
+      "colorGreen60": {
+        "$value": "#00AF67",
+        "value": "#00AF67",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:8900:5503"
+            "variableId": "VariableID:18489:23879"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.3)",
-          "value": "rgba(0, 0, 0, 0.3)",
+          "$value": "#00AF67",
+          "value": "#00AF67",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:8900:5503"
+              "variableId": "VariableID:18489:23879"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack30",
+        "name": "colorGreen60",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack30"
+          "green",
+          "colorGreen60"
         ]
       },
-      "alphaBlack70": {
-        "$value": "rgba(0, 0, 0, 0.7)",
-        "value": "rgba(0, 0, 0, 0.7)",
+      "colorGreen10": {
+        "$value": "#052013",
+        "value": "#052013",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16894:98370"
+            "variableId": "VariableID:21692:7216"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.7)",
-          "value": "rgba(0, 0, 0, 0.7)",
+          "$value": "#052013",
+          "value": "#052013",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16894:98370"
+              "variableId": "VariableID:21692:7216"
             }
           },
-          "$type": "color",
-          "comment": "Used on elevation effects."
+          "$type": "color"
         },
-        "name": "alphaBlack70",
+        "name": "colorGreen10",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack70"
+          "green",
+          "colorGreen10"
         ]
       },
-      "alphaWhite10": {
-        "$value": "rgba(255, 255, 255, 0.1)",
-        "value": "rgba(255, 255, 255, 0.1)",
+      "colorGreen30": {
+        "$value": "#0D5232",
+        "value": "#0D5232",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16914:22433"
+            "variableId": "VariableID:21692:7217"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.1)",
-          "value": "rgba(255, 255, 255, 0.1)",
+          "$value": "#0D5232",
+          "value": "#0D5232",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16914:22433"
+              "variableId": "VariableID:21692:7217"
             }
           },
           "$type": "color"
         },
-        "name": "alphaWhite10",
+        "name": "colorGreen30",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite10"
+          "green",
+          "colorGreen30"
         ]
       },
-      "alphaWhite20": {
-        "$value": "rgba(255, 255, 255, 0.2)",
-        "value": "rgba(255, 255, 255, 0.2)",
+      "colorGreen20": {
+        "$value": "#093822",
+        "value": "#093822",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16914:22434"
+            "variableId": "VariableID:21692:7218"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.2)",
-          "value": "rgba(255, 255, 255, 0.2)",
+          "$value": "#093822",
+          "value": "#093822",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16914:22434"
+              "variableId": "VariableID:21692:7218"
             }
           },
           "$type": "color"
         },
-        "name": "alphaWhite20",
+        "name": "colorGreen20",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite20"
+          "green",
+          "colorGreen20"
         ]
       },
-      "alphaWhite30": {
-        "$value": "rgba(255, 255, 255, 0.3)",
-        "value": "rgba(255, 255, 255, 0.3)",
+      "colorGreen50": {
+        "$value": "#158751",
+        "value": "#158751",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16914:22435"
+            "variableId": "VariableID:21692:44617"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.3)",
-          "value": "rgba(255, 255, 255, 0.3)",
+          "$value": "#158751",
+          "value": "#158751",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16914:22435"
+              "variableId": "VariableID:21692:44617"
             }
           },
           "$type": "color"
         },
-        "name": "alphaWhite30",
+        "name": "colorGreen50",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite30"
+          "green",
+          "colorGreen50"
         ]
       },
-      "alphaWhite60": {
-        "$value": "rgba(255, 255, 255, 0.6)",
-        "value": "rgba(255, 255, 255, 0.6)",
+      "colorGreen95": {
+        "$value": "#DEF7E6",
+        "value": "#DEF7E6",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16914:22436"
+            "variableId": "VariableID:21692:44618"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.6)",
-          "value": "rgba(255, 255, 255, 0.6)",
+          "$value": "#DEF7E6",
+          "value": "#DEF7E6",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16914:22436"
+              "variableId": "VariableID:21692:44618"
             }
           },
-          "$type": "color",
-          "comment": "Used on elevation effects."
+          "$type": "color"
         },
-        "name": "alphaWhite60",
+        "name": "colorGreen95",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite60"
+          "green",
+          "colorGreen95"
         ]
       },
-      "alphaWhite70": {
-        "$value": "rgba(255, 255, 255, 0.7)",
-        "value": "rgba(255, 255, 255, 0.7)",
+      "colorGreen80": {
+        "$value": "#76DA9F",
+        "value": "#76DA9F",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16914:22437"
+            "variableId": "VariableID:21692:44619"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.7)",
-          "value": "rgba(255, 255, 255, 0.7)",
+          "$value": "#76DA9F",
+          "value": "#76DA9F",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16914:22437"
+              "variableId": "VariableID:21692:44619"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorGreen80",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "green",
+          "colorGreen80"
+        ]
+      }
+    },
+    "yellow": {
+      "colorYellow80": {
+        "$value": "#FFBF00",
+        "value": "#FFBF00",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:2979:10317"
+          }
+        },
+        "$type": "color",
+        "comment": "Tone: 081",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#FFBF00",
+          "value": "#FFBF00",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:2979:10317"
             }
           },
           "$type": "color",
-          "comment": "Used on elevation effects."
+          "comment": "Tone: 081"
         },
-        "name": "alphaWhite70",
+        "name": "colorYellow80",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite70"
+          "yellow",
+          "colorYellow80"
         ]
       },
-      "alphaWhite35": {
-        "$value": "rgba(255, 255, 255, 0.35)",
-        "value": "rgba(255, 255, 255, 0.35)",
+      "colorYellow70": {
+        "$value": "#D9A200",
+        "value": "#D9A200",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17381:17511"
+            "variableId": "VariableID:21678:7202"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.35)",
-          "value": "rgba(255, 255, 255, 0.35)",
+          "$value": "#D9A200",
+          "value": "#D9A200",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17381:17511"
+              "variableId": "VariableID:21678:7202"
             }
           },
           "$type": "color"
         },
-        "name": "alphaWhite35",
+        "name": "colorYellow70",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite35"
+          "yellow",
+          "colorYellow70"
         ]
       },
-      "alphaBlack80": {
-        "$value": "rgba(0, 0, 0, 0.8)",
-        "value": "rgba(0, 0, 0, 0.8)",
+      "colorYellow90": {
+        "$value": "#FFE082",
+        "value": "#FFE082",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17385:14799"
+            "variableId": "VariableID:21678:7203"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.8)",
-          "value": "rgba(0, 0, 0, 0.8)",
+          "$value": "#FFE082",
+          "value": "#FFE082",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17385:14799"
+              "variableId": "VariableID:21678:7203"
             }
           },
-          "$type": "color",
-          "comment": "Used on elevation effects."
+          "$type": "color"
         },
-        "name": "alphaBlack80",
+        "name": "colorYellow90",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack80"
+          "yellow",
+          "colorYellow90"
         ]
       },
-      "alphaWhite80": {
-        "$value": "rgba(255, 255, 255, 0.8)",
-        "value": "rgba(255, 255, 255, 0.8)",
+      "colorYellow95": {
+        "$value": "#FFF0C2",
+        "value": "#FFF0C2",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17385:14801"
+            "variableId": "VariableID:21678:7204"
           }
         },
         "$type": "color",
-        "comment": "Used on elevation effects.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0.8)",
-          "value": "rgba(255, 255, 255, 0.8)",
+          "$value": "#FFF0C2",
+          "value": "#FFF0C2",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17385:14801"
+              "variableId": "VariableID:21678:7204"
             }
           },
-          "$type": "color",
-          "comment": "Used on elevation effects."
+          "$type": "color"
         },
-        "name": "alphaWhite80",
+        "name": "colorYellow95",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaWhite80"
+          "yellow",
+          "colorYellow95"
         ]
       },
-      "alphaBlack35": {
-        "$value": "rgba(0, 0, 0, 0.35)",
-        "value": "rgba(0, 0, 0, 0.35)",
+      "colorYellow10": {
+        "$value": "#241B00",
+        "value": "#241B00",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17389:15070"
+            "variableId": "VariableID:21692:7206"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.35)",
-          "value": "rgba(0, 0, 0, 0.35)",
+          "$value": "#241B00",
+          "value": "#241B00",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17389:15070"
+              "variableId": "VariableID:21692:7206"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack35",
+        "name": "colorYellow10",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack35"
+          "yellow",
+          "colorYellow10"
         ]
       },
-      "alphaBlack0": {
-        "$value": "rgba(0, 0, 0, 0)",
-        "value": "rgba(0, 0, 0, 0)",
+      "colorYellow20": {
+        "$value": "#3D2E00",
+        "value": "#3D2E00",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17390:25780"
+            "variableId": "VariableID:21692:7211"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0)",
-          "value": "rgba(0, 0, 0, 0)",
+          "$value": "#3D2E00",
+          "value": "#3D2E00",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17390:25780"
+              "variableId": "VariableID:21692:7211"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack0",
+        "name": "colorYellow20",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack0"
+          "yellow",
+          "colorYellow20"
         ]
       },
-      "alphaBlack50": {
-        "$value": "rgba(0, 0, 0, 0.5)",
-        "value": "rgba(0, 0, 0, 0.5)",
+      "colorYellow30": {
+        "$value": "#594300",
+        "value": "#594300",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:17500:35355"
+            "variableId": "VariableID:21692:7212"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.5)",
-          "value": "rgba(0, 0, 0, 0.5)",
+          "$value": "#594300",
+          "value": "#594300",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:17500:35355"
+              "variableId": "VariableID:21692:7212"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack50",
+        "name": "colorYellow30",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack50"
+          "yellow",
+          "colorYellow30"
         ]
       },
-      "alphaBlack5": {
-        "$value": "rgba(0, 0, 0, 0.05)",
-        "value": "rgba(0, 0, 0, 0.05)",
+      "colorYellow40": {
+        "$value": "#785A00",
+        "value": "#785A00",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:19706:121945"
+            "variableId": "VariableID:21692:7213"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(0, 0, 0, 0.05)",
-          "value": "rgba(0, 0, 0, 0.05)",
+          "$value": "#785A00",
+          "value": "#785A00",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:19706:121945"
+              "variableId": "VariableID:21692:7213"
             }
           },
           "$type": "color"
         },
-        "name": "alphaBlack5",
+        "name": "colorYellow40",
         "attributes": {},
         "path": [
           "Shared",
-          "alpha",
-          "alphaBlack5"
+          "yellow",
+          "colorYellow40"
         ]
       },
-      "alphaWhite0": {
-        "$value": "rgba(255, 255, 255, 0)",
-        "value": "rgba(255, 255, 255, 0)",
+      "colorYellow50": {
+        "$value": "#967100",
+        "value": "#967100",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:21160:123382"
+            "variableId": "VariableID:21692:7214"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(255, 255, 255, 0)",
-          "value": "rgba(255, 255, 255, 0)",
+          "$value": "#967100",
+          "value": "#967100",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:21160:123382"
+              "variableId": "VariableID:21692:7214"
             }
           },
           "$type": "color"
         },
-        "name": "alphaWhite0",
+        "name": "colorYellow50",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "yellow",
+          "colorYellow50"
+        ]
+      },
+      "colorYellow60": {
+        "$value": "#B88A00",
+        "value": "#B88A00",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21692:7215"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#B88A00",
+          "value": "#B88A00",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21692:7215"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorYellow60",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "yellow",
+          "colorYellow60"
+        ]
+      }
+    },
+    "alpha": {
+      "colorNeutral0a20": {
+        "$value": "rgba(0, 0, 0, 0.2)",
+        "value": "rgba(0, 0, 0, 0.2)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:7765:32149"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.2)",
+          "value": "rgba(0, 0, 0, 0.2)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:7765:32149"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a20",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a20"
+        ]
+      },
+      "colorNeutral0a10": {
+        "$value": "rgba(0, 0, 0, 0.1)",
+        "value": "rgba(0, 0, 0, 0.1)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:7765:33969"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.1)",
+          "value": "rgba(0, 0, 0, 0.1)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:7765:33969"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a10",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a10"
+        ]
+      },
+      "colorNeutral0a60": {
+        "$value": "rgba(0, 0, 0, 0.6)",
+        "value": "rgba(0, 0, 0, 0.6)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:8076:22743"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.6)",
+          "value": "rgba(0, 0, 0, 0.6)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:8076:22743"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral0a60",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a60"
+        ]
+      },
+      "colorNeutral0a30": {
+        "$value": "rgba(0, 0, 0, 0.3)",
+        "value": "rgba(0, 0, 0, 0.3)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:8900:5503"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.3)",
+          "value": "rgba(0, 0, 0, 0.3)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:8900:5503"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a30",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a30"
+        ]
+      },
+      "colorNeutral0a70": {
+        "$value": "rgba(0, 0, 0, 0.7)",
+        "value": "rgba(0, 0, 0, 0.7)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16894:98370"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.7)",
+          "value": "rgba(0, 0, 0, 0.7)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16894:98370"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral0a70",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a70"
+        ]
+      },
+      "colorNeutral100a10": {
+        "$value": "rgba(255, 255, 255, 0.1)",
+        "value": "rgba(255, 255, 255, 0.1)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16914:22433"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.1)",
+          "value": "rgba(255, 255, 255, 0.1)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16914:22433"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral100a10",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a10"
+        ]
+      },
+      "colorNeutral100a20": {
+        "$value": "rgba(255, 255, 255, 0.2)",
+        "value": "rgba(255, 255, 255, 0.2)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16914:22434"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.2)",
+          "value": "rgba(255, 255, 255, 0.2)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16914:22434"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral100a20",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a20"
+        ]
+      },
+      "colorNeutral100a30": {
+        "$value": "rgba(255, 255, 255, 0.3)",
+        "value": "rgba(255, 255, 255, 0.3)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16914:22435"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.3)",
+          "value": "rgba(255, 255, 255, 0.3)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16914:22435"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral100a30",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a30"
+        ]
+      },
+      "colorNeutral100a60": {
+        "$value": "rgba(255, 255, 255, 0.6)",
+        "value": "rgba(255, 255, 255, 0.6)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16914:22436"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.6)",
+          "value": "rgba(255, 255, 255, 0.6)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16914:22436"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral100a60",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a60"
+        ]
+      },
+      "colorNeutral100a70": {
+        "$value": "rgba(255, 255, 255, 0.7)",
+        "value": "rgba(255, 255, 255, 0.7)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16914:22437"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.7)",
+          "value": "rgba(255, 255, 255, 0.7)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16914:22437"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral100a70",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a70"
+        ]
+      },
+      "colorNeutral100a35": {
+        "$value": "rgba(255, 255, 255, 0.35)",
+        "value": "rgba(255, 255, 255, 0.35)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17381:17511"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.35)",
+          "value": "rgba(255, 255, 255, 0.35)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17381:17511"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral100a35",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a35"
+        ]
+      },
+      "colorNeutral0a80": {
+        "$value": "rgba(0, 0, 0, 0.8)",
+        "value": "rgba(0, 0, 0, 0.8)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17385:14799"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.8)",
+          "value": "rgba(0, 0, 0, 0.8)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17385:14799"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral0a80",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a80"
+        ]
+      },
+      "colorNeutral100a80": {
+        "$value": "rgba(255, 255, 255, 0.8)",
+        "value": "rgba(255, 255, 255, 0.8)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17385:14801"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.8)",
+          "value": "rgba(255, 255, 255, 0.8)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17385:14801"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral100a80",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a80"
+        ]
+      },
+      "colorNeutral0a35": {
+        "$value": "rgba(0, 0, 0, 0.35)",
+        "value": "rgba(0, 0, 0, 0.35)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17389:15070"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.35)",
+          "value": "rgba(0, 0, 0, 0.35)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17389:15070"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a35",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a35"
+        ]
+      },
+      "colorNeutral0a0": {
+        "$value": "rgba(0, 0, 0, 0)",
+        "value": "rgba(0, 0, 0, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17390:25780"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0)",
+          "value": "rgba(0, 0, 0, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17390:25780"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a0"
+        ]
+      },
+      "colorNeutral0a50": {
+        "$value": "rgba(0, 0, 0, 0.5)",
+        "value": "rgba(0, 0, 0, 0.5)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:17500:35355"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.5)",
+          "value": "rgba(0, 0, 0, 0.5)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:17500:35355"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a50",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a50"
+        ]
+      },
+      "colorNeutral0a5": {
+        "$value": "rgba(0, 0, 0, 0.05)",
+        "value": "rgba(0, 0, 0, 0.05)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:19706:121945"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(0, 0, 0, 0.05)",
+          "value": "rgba(0, 0, 0, 0.05)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:19706:121945"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral0a5",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral0a5"
+        ]
+      },
+      "colorNeutral100a0": {
+        "$value": "rgba(255, 255, 255, 0)",
+        "value": "rgba(255, 255, 255, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21160:123382"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0)",
+          "value": "rgba(255, 255, 255, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21160:123382"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral100a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a0"
+        ]
+      },
+      "colorNeutral100a95": {
+        "$value": "rgba(255, 255, 255, 0.95)",
+        "value": "rgba(255, 255, 255, 0.95)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21899:301647"
+          }
+        },
+        "$type": "color",
+        "comment": "Used on elevation effects.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(255, 255, 255, 0.95)",
+          "value": "rgba(255, 255, 255, 0.95)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21899:301647"
+            }
+          },
+          "$type": "color",
+          "comment": "Used on elevation effects."
+        },
+        "name": "colorNeutral100a95",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral100a95"
+        ]
+      },
+      "colorNeutral15a0": {
+        "$value": "rgba(34, 38, 40, 0)",
+        "value": "rgba(34, 38, 40, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21937:45"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(34, 38, 40, 0)",
+          "value": "rgba(34, 38, 40, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21937:45"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral15a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral15a0"
+        ]
+      },
+      "colorNeutral95a0": {
+        "$value": "rgba(242, 244, 245, 0)",
+        "value": "rgba(242, 244, 245, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345682"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(242, 244, 245, 0)",
+          "value": "rgba(242, 244, 245, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345682"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral95a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral95a0"
+        ]
+      },
+      "colorNeutral20a0": {
+        "$value": "rgba(44, 49, 51, 0)",
+        "value": "rgba(44, 49, 51, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345685"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(44, 49, 51, 0)",
+          "value": "rgba(44, 49, 51, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345685"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral20a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral20a0"
+        ]
+      },
+      "colorNeutral25a0": {
+        "$value": "rgba(52, 60, 65, 0)",
+        "value": "rgba(52, 60, 65, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345690"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(52, 60, 65, 0)",
+          "value": "rgba(52, 60, 65, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345690"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral25a0",
+        "attributes": {},
+        "path": [
+          "Shared",
+          "alpha",
+          "colorNeutral25a0"
+        ]
+      },
+      "colorNeutral90a0": {
+        "$value": "rgba(221, 225, 226, 0)",
+        "value": "rgba(221, 225, 226, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345691"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(221, 225, 226, 0)",
+          "value": "rgba(221, 225, 226, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345691"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorNeutral90a0",
         "attributes": {},
         "path": [
           "Shared",
           "alpha",
-          "alphaWhite0"
+          "colorNeutral90a0"
         ]
       }
     }
@@ -1903,278 +3093,490 @@
           "variableId": "VariableID:16104:163544"
         }
       },
-      "$type": "color",
-      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
-      "isSource": true,
-      "original": {
-        "$value": "#F00000",
-        "value": "#F00000",
+      "$type": "color",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+      "isSource": true,
+      "original": {
+        "$value": "#F00000",
+        "value": "#F00000",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16104:163544"
+          }
+        },
+        "$type": "color"
+      },
+      "name": "colorAubiRed50",
+      "attributes": {},
+      "path": [
+        "Partner",
+        "colorAubiRed50"
+      ]
+    },
+    "colorCobiRed50": {
+      "$value": "#DC231C",
+      "value": "#DC231C",
+      "type": "color",
+      "$extensions": {
+        "com.figma": {
+          "collectionId": "VariableCollectionId:539:2238",
+          "collectionName": "_ColorPrimitive",
+          "variableId": "VariableID:16104:163545"
+        }
+      },
+      "$type": "color",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+      "isSource": true,
+      "original": {
+        "$value": "#DC231C",
+        "value": "#DC231C",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16104:163545"
+          }
+        },
+        "$type": "color"
+      },
+      "name": "colorCobiRed50",
+      "attributes": {},
+      "path": [
+        "Partner",
+        "colorCobiRed50"
+      ]
+    }
+  },
+  "SportBILD": {
+    "blue": {
+      "colorSpobiBlue95": {
+        "$value": "#EFF1F5",
+        "value": "#EFF1F5",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16104:163546"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#EFF1F5",
+          "value": "#EFF1F5",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16104:163546"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorSpobiBlue95",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue95"
+        ]
+      },
+      "colorSpobiBlue80": {
+        "$value": "#C3C9DB",
+        "value": "#C3C9DB",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16104:163547"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#C3C9DB",
+          "value": "#C3C9DB",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16104:163547"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorSpobiBlue80",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue80"
+        ]
+      },
+      "colorSpobiBlue30": {
+        "$value": "#174482",
+        "value": "#174482",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:16107:27"
+          }
+        },
+        "$type": "color",
+        "comment": "This variable in the current online CSS is called secondary-tenant-color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#174482",
+          "value": "#174482",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16107:27"
+            }
+          },
+          "$type": "color",
+          "comment": "This variable in the current online CSS is called secondary-tenant-color"
+        },
+        "name": "colorSpobiBlue30",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue30"
+        ]
+      },
+      "colorSpobiBlue20": {
+        "$value": "#0C2F61",
+        "value": "#0C2F61",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16104:163544"
+            "variableId": "VariableID:16107:28"
           }
         },
-        "$type": "color"
-      },
-      "name": "colorAubiRed50",
-      "attributes": {},
-      "path": [
-        "Partner",
-        "colorAubiRed50"
-      ]
-    },
-    "colorCobiRed50": {
-      "$value": "#DC231C",
-      "value": "#DC231C",
-      "type": "color",
-      "$extensions": {
-        "com.figma": {
-          "collectionId": "VariableCollectionId:539:2238",
-          "collectionName": "_ColorPrimitive",
-          "variableId": "VariableID:16104:163545"
-        }
+        "$type": "color",
+        "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#0C2F61",
+          "value": "#0C2F61",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16107:28"
+            }
+          },
+          "$type": "color",
+          "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant."
+        },
+        "name": "colorSpobiBlue20",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue20"
+        ]
       },
-      "$type": "color",
-      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
-      "isSource": true,
-      "original": {
-        "$value": "#DC231C",
-        "value": "#DC231C",
+      "colorSpobiBlue10": {
+        "$value": "#091C2E",
+        "value": "#091C2E",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16104:163545"
+            "variableId": "VariableID:16107:29"
           }
         },
-        "$type": "color"
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#091C2E",
+          "value": "#091C2E",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:16107:29"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorSpobiBlue10",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue10"
+        ]
       },
-      "name": "colorCobiRed50",
-      "attributes": {},
-      "path": [
-        "Partner",
-        "colorCobiRed50"
-      ]
-    }
-  },
-  "SportBILD": {
-    "blue": {
-      "colorSpobiBlue98": {
-        "$value": "#F7F9FD",
-        "value": "#F7F9FD",
+      "colorSpobiBlue40": {
+        "$value": "#345EA0",
+        "value": "#345EA0",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16104:163546"
+            "variableId": "VariableID:18489:25069"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#F7F9FD",
-          "value": "#F7F9FD",
+          "$value": "#345EA0",
+          "value": "#345EA0",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16104:163546"
+              "variableId": "VariableID:18489:25069"
             }
           },
           "$type": "color"
         },
-        "name": "colorSpobiBlue98",
+        "name": "colorSpobiBlue40",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue98"
+          "colorSpobiBlue40"
         ]
       },
-      "colorSpobiBlue81": {
-        "$value": "#BDCADB",
-        "value": "#BDCADB",
+      "colorSpobiBlue50": {
+        "$value": "#4676C3",
+        "value": "#4676C3",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16104:163547"
+            "variableId": "VariableID:21692:48284"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#BDCADB",
-          "value": "#BDCADB",
+          "$value": "#4676C3",
+          "value": "#4676C3",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16104:163547"
+              "variableId": "VariableID:21692:48284"
             }
           },
           "$type": "color"
         },
-        "name": "colorSpobiBlue81",
+        "name": "colorSpobiBlue50",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue81"
+          "colorSpobiBlue50"
         ]
       },
-      "colorSpobiBlue29": {
-        "$value": "#174482",
-        "value": "#174482",
+      "colorSpobiBlue70": {
+        "$value": "#8FACDB",
+        "value": "#8FACDB",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16107:27"
+            "variableId": "VariableID:21692:48285"
           }
         },
         "$type": "color",
-        "comment": "This variable in the current online CSS is called secondary-tenant-color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#174482",
-          "value": "#174482",
+          "$value": "#8FACDB",
+          "value": "#8FACDB",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16107:27"
+              "variableId": "VariableID:21692:48285"
             }
           },
-          "$type": "color",
-          "comment": "This variable in the current online CSS is called secondary-tenant-color"
+          "$type": "color"
         },
-        "name": "colorSpobiBlue29",
+        "name": "colorSpobiBlue70",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue29"
+          "colorSpobiBlue70"
         ]
       },
-      "colorSpobiBlue16": {
-        "$value": "#0A2750",
-        "value": "#0A2750",
+      "colorSpobiBlue60": {
+        "$value": "#6A91CF",
+        "value": "#6A91CF",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16107:28"
+            "variableId": "VariableID:21692:48286"
           }
         },
         "$type": "color",
-        "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant.",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#0A2750",
-          "value": "#0A2750",
+          "$value": "#6A91CF",
+          "value": "#6A91CF",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16107:28"
+              "variableId": "VariableID:21692:48286"
             }
           },
-          "$type": "color",
-          "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant."
+          "$type": "color"
         },
-        "name": "colorSpobiBlue16",
+        "name": "colorSpobiBlue60",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue16"
+          "colorSpobiBlue60"
         ]
       },
-      "colorSpobiBlue10": {
-        "$value": "#081828",
-        "value": "#081828",
+      "colorSpobiBlue90": {
+        "$value": "#D6E1F2",
+        "value": "#D6E1F2",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:16107:29"
+            "variableId": "VariableID:21692:48287"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#081828",
-          "value": "#081828",
+          "$value": "#D6E1F2",
+          "value": "#D6E1F2",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:16107:29"
+              "variableId": "VariableID:21692:48287"
             }
           },
           "$type": "color"
         },
-        "name": "colorSpobiBlue10",
+        "name": "colorSpobiBlue90",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue10"
+          "colorSpobiBlue90"
         ]
       },
-      "colorSpobiBlue38": {
-        "$value": "#315998",
-        "value": "#315998",
+      "colorSpobiBlue15": {
+        "$value": "#0B2647",
+        "value": "#0B2647",
         "type": "color",
         "$extensions": {
           "com.figma": {
             "collectionId": "VariableCollectionId:539:2238",
             "collectionName": "_ColorPrimitive",
-            "variableId": "VariableID:18489:25069"
+            "variableId": "VariableID:21764:1044"
           }
         },
         "$type": "color",
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "#315998",
-          "value": "#315998",
+          "$value": "#0B2647",
+          "value": "#0B2647",
           "type": "color",
           "$extensions": {
             "com.figma": {
               "collectionId": "VariableCollectionId:539:2238",
               "collectionName": "_ColorPrimitive",
-              "variableId": "VariableID:18489:25069"
+              "variableId": "VariableID:21764:1044"
             }
           },
           "$type": "color"
         },
-        "name": "colorSpobiBlue38",
+        "name": "colorSpobiBlue15",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "blue",
+          "colorSpobiBlue15"
+        ]
+      },
+      "colorSpobiBlue25": {
+        "$value": "#113B72",
+        "value": "#113B72",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21764:1045"
+          }
+        },
+        "$type": "color",
+        "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "#113B72",
+          "value": "#113B72",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21764:1045"
+            }
+          },
+          "$type": "color",
+          "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant."
+        },
+        "name": "colorSpobiBlue25",
         "attributes": {},
         "path": [
           "SportBILD",
           "blue",
-          "colorSpobiBlue38"
+          "colorSpobiBlue25"
         ]
       }
     },
@@ -2216,9 +3618,9 @@
       }
     },
     "alpha": {
-      "colorSpobiBlue16a0": {
-        "$value": "rgba(10, 39, 80, 0)",
-        "value": "rgba(10, 39, 80, 0)",
+      "colorSpobiBlue15a0": {
+        "$value": "rgba(11, 38, 71, 0)",
+        "value": "rgba(11, 38, 71, 0)",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -2232,8 +3634,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(10, 39, 80, 0)",
-          "value": "rgba(10, 39, 80, 0)",
+          "$value": "rgba(11, 38, 71, 0)",
+          "value": "rgba(11, 38, 71, 0)",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -2245,17 +3647,17 @@
           "$type": "color",
           "comment": "This primitive is used for creating the teaser title background gradient."
         },
-        "name": "colorSpobiBlue16a0",
+        "name": "colorSpobiBlue15a0",
         "attributes": {},
         "path": [
           "SportBILD",
           "alpha",
-          "colorSpobiBlue16a0"
+          "colorSpobiBlue15a0"
         ]
       },
-      "colorSpobiBlue16a70": {
-        "$value": "rgba(10, 39, 80, 0.7)",
-        "value": "rgba(10, 39, 80, 0.7)",
+      "colorSpobiBlue15a70": {
+        "$value": "rgba(11, 38, 71, 0.7)",
+        "value": "rgba(11, 38, 71, 0.7)",
         "type": "color",
         "$extensions": {
           "com.figma": {
@@ -2269,8 +3671,8 @@
         "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
         "isSource": true,
         "original": {
-          "$value": "rgba(10, 39, 80, 0.7)",
-          "value": "rgba(10, 39, 80, 0.7)",
+          "$value": "rgba(11, 38, 71, 0.7)",
+          "value": "rgba(11, 38, 71, 0.7)",
           "type": "color",
           "$extensions": {
             "com.figma": {
@@ -2282,12 +3684,156 @@
           "$type": "color",
           "comment": "This primitive is used for creating the teaser title background gradient."
         },
-        "name": "colorSpobiBlue16a70",
+        "name": "colorSpobiBlue15a70",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "alpha",
+          "colorSpobiBlue15a70"
+        ]
+      },
+      "colorSpobiBlue95a0": {
+        "$value": "rgba(239, 241, 245, 0)",
+        "value": "rgba(239, 241, 245, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345683"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(239, 241, 245, 0)",
+          "value": "rgba(239, 241, 245, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345683"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorSpobiBlue95a0",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "alpha",
+          "colorSpobiBlue95a0"
+        ]
+      },
+      "colorSpobiBlue20a0": {
+        "$value": "rgba(12, 47, 97, 0)",
+        "value": "rgba(12, 47, 97, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345684"
+          }
+        },
+        "$type": "color",
+        "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(12, 47, 97, 0)",
+          "value": "rgba(12, 47, 97, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345684"
+            }
+          },
+          "$type": "color",
+          "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant."
+        },
+        "name": "colorSpobiBlue20a0",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "alpha",
+          "colorSpobiBlue20a0"
+        ]
+      },
+      "colorSpobiBlue90a0": {
+        "$value": "rgba(214, 225, 242, 0)",
+        "value": "rgba(214, 225, 242, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345692"
+          }
+        },
+        "$type": "color",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(214, 225, 242, 0)",
+          "value": "rgba(214, 225, 242, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345692"
+            }
+          },
+          "$type": "color"
+        },
+        "name": "colorSpobiBlue90a0",
+        "attributes": {},
+        "path": [
+          "SportBILD",
+          "alpha",
+          "colorSpobiBlue90a0"
+        ]
+      },
+      "colorSpobiBlue25a0": {
+        "$value": "rgba(17, 59, 114, 0)",
+        "value": "rgba(17, 59, 114, 0)",
+        "type": "color",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:539:2238",
+            "collectionName": "_ColorPrimitive",
+            "variableId": "VariableID:21936:345693"
+          }
+        },
+        "$type": "color",
+        "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant.",
+        "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/colorprimitive.json",
+        "isSource": true,
+        "original": {
+          "$value": "rgba(17, 59, 114, 0)",
+          "value": "rgba(17, 59, 114, 0)",
+          "type": "color",
+          "$extensions": {
+            "com.figma": {
+              "collectionId": "VariableCollectionId:539:2238",
+              "collectionName": "_ColorPrimitive",
+              "variableId": "VariableID:21936:345693"
+            }
+          },
+          "$type": "color",
+          "comment": "This variable in the current online CSS is called main-tenant-color for the spobi tenant."
+        },
+        "name": "colorSpobiBlue25a0",
         "attributes": {},
         "path": [
           "SportBILD",
           "alpha",
-          "colorSpobiBlue16a70"
+          "colorSpobiBlue25a0"
         ]
       }
     }