diff --git a/.github/workflows/update-tokens.yaml b/.github/workflows/update-tokens.yaml
new file mode 100644
index 0000000..d070d67
--- /dev/null
+++ b/.github/workflows/update-tokens.yaml
@@ -0,0 +1,50 @@
+name: Update Design Tokens
+
+on:
+  push:
+    # this branch must be the same as configured in figma tokensbrücke plugin for export.
+    branches: [tokens-sync]
+
+env:
+  CI: true
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  create-pr:
+    runs-on: macos-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".node-version"
+          cache: "npm"
+      - name: Install Dependencies
+        run: npm ci
+      - name: Create changeset
+        # hardcode the changeset file, because the CLI doesn't allow to pass all arguments
+        # and relies on interactive shell usage.
+        run: |
+          cat > .changeset/update-tokens.md << EOM  
+          ---  
+          "@holisticon/hap-foundation": patch  
+          ---  
+          Updated design tokens  
+          EOM
+
+# Disable PR creation for now, as it will check out the base branch first,
+# commit the changes onto there and do a force-push to the already existing tokens-sync branch,
+# effectively overriding the action token changes... :(
+
+#      - name: Create Pull Request
+#        uses: peter-evans/create-pull-request@v7
+#        with:
+#          commit-message: "chore: update design tokens"
+#          title: Update Design Tokens
+#          body: Update design tokens from figma
+#          branch: tokens-sync
+#          base: main
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..4cb20b2
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+packages/foundation/atomic-playfulness.tokens.json
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 4e57307..1d889cd 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -3,7 +3,7 @@ import tsEslint from "typescript-eslint";
 
 export default tsEslint.config(
   {
-    ignores: ["**/dist"],
+    ignores: ["**/dist", "packages/foundation/atomic-playfulness.tokens.json"],
   },
   eslint.configs.recommended,
   ...tsEslint.configs.recommended,
diff --git a/packages/foundation/atomic-playfulness.tokens.json b/packages/foundation/atomic-playfulness.tokens.json
index f4016e5..f4f4ea8 100644
--- a/packages/foundation/atomic-playfulness.tokens.json
+++ b/packages/foundation/atomic-playfulness.tokens.json
@@ -989,6 +989,70 @@
               }
             }
           }
+        },
+        "whiteLightest": {
+          "$type": "color",
+          "$value": "#ffffff1a",
+          "$description": "",
+          "$extensions": {
+            "mode": {},
+            "figma": {
+              "variableId": "VariableID:450:5579",
+              "collection": {
+                "id": "VariableCollectionId:2:5",
+                "name": "Primitives",
+                "defaultModeId": "2:0"
+              }
+            }
+          }
+        },
+        "blackLightest": {
+          "$type": "color",
+          "$value": "#1414191a",
+          "$description": "",
+          "$extensions": {
+            "mode": {},
+            "figma": {
+              "variableId": "VariableID:450:5580",
+              "collection": {
+                "id": "VariableCollectionId:2:5",
+                "name": "Primitives",
+                "defaultModeId": "2:0"
+              }
+            }
+          }
+        },
+        "whiteLight": {
+          "$type": "color",
+          "$value": "#ffffff26",
+          "$description": "",
+          "$extensions": {
+            "mode": {},
+            "figma": {
+              "variableId": "VariableID:450:5684",
+              "collection": {
+                "id": "VariableCollectionId:2:5",
+                "name": "Primitives",
+                "defaultModeId": "2:0"
+              }
+            }
+          }
+        },
+        "blackLight": {
+          "$type": "color",
+          "$value": "#14141926",
+          "$description": "",
+          "$extensions": {
+            "mode": {},
+            "figma": {
+              "variableId": "VariableID:450:5685",
+              "collection": {
+                "id": "VariableCollectionId:2:5",
+                "name": "Primitives",
+                "defaultModeId": "2:0"
+              }
+            }
+          }
         }
       }
     },
@@ -1430,6 +1494,22 @@
             }
           }
         }
+      },
+      "xxs": {
+        "$type": "dimension",
+        "$value": "11px",
+        "$description": "",
+        "$extensions": {
+          "mode": {},
+          "figma": {
+            "variableId": "VariableID:437:3763",
+            "collection": {
+              "id": "VariableCollectionId:2:5",
+              "name": "Primitives",
+              "defaultModeId": "2:0"
+            }
+          }
+        }
       }
     },
     "font-weight": {
@@ -1729,7 +1809,7 @@
       },
       "disabled": {
         "$type": "dimension",
-        "$value": "25px",
+        "$value": "30px",
         "$description": "",
         "$extensions": {
           "mode": {},
@@ -2051,7 +2131,7 @@
               }
             }
           },
-          "darkOnly": {
+          "onLightOnly": {
             "$type": "color",
             "$value": "{Primitives.color.base.blackPrimary}",
             "$description": "",
@@ -2069,6 +2149,25 @@
                 }
               }
             }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whitePrimary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whitePrimary}",
+                "Dark": "{Primitives.color.base.whitePrimary}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8006",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
           }
         },
         "secondary": {
@@ -2110,7 +2209,7 @@
               }
             }
           },
-          "darkOnly": {
+          "onLightOnly": {
             "$type": "color",
             "$value": "{Primitives.color.base.blackSecondary}",
             "$description": "",
@@ -2128,6 +2227,25 @@
                 }
               }
             }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteSecondary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteSecondary}",
+                "Dark": "{Primitives.color.base.whiteSecondary}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8005",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
           }
         },
         "brand": {
@@ -2169,7 +2287,7 @@
               }
             }
           },
-          "lightOnly": {
+          "onDarkOnly": {
             "$type": "color",
             "$value": "{Primitives.color.brand.300}",
             "$description": "",
@@ -2188,7 +2306,7 @@
               }
             }
           },
-          "darkOnly": {
+          "onLightOnly": {
             "$type": "color",
             "$value": "{Primitives.color.brand.900}",
             "$description": "",
@@ -2208,58 +2326,18 @@
             }
           }
         },
-        "warning": {
-          "onLight": {
-            "$type": "color",
-            "$value": "{Primitives.color.feedback.yellow.900}",
-            "$description": "",
-            "$extensions": {
-              "mode": {
-                "Light": "{Primitives.color.feedback.yellow.900}",
-                "Dark": "{Primitives.color.feedback.yellow.100}"
-              },
-              "figma": {
-                "variableId": "VariableID:39:2434",
-                "collection": {
-                  "id": "VariableCollectionId:23:56",
-                  "name": "Tokens",
-                  "defaultModeId": "23:0"
-                }
-              }
-            }
-          },
-          "onDark": {
-            "$type": "color",
-            "$value": "{Primitives.color.feedback.yellow.100}",
-            "$description": "",
-            "$extensions": {
-              "mode": {
-                "Light": "{Primitives.color.feedback.yellow.100}",
-                "Dark": "{Primitives.color.feedback.yellow.900}"
-              },
-              "figma": {
-                "variableId": "VariableID:71:850",
-                "collection": {
-                  "id": "VariableCollectionId:23:56",
-                  "name": "Tokens",
-                  "defaultModeId": "23:0"
-                }
-              }
-            }
-          }
-        },
-        "error": {
+        "tertiary": {
           "onLight": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.red.800}",
+            "$value": "{Primitives.color.base.blackTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.red.800}",
-                "Dark": "{Primitives.color.feedback.red.100}"
+                "Light": "{Primitives.color.base.blackTertiary}",
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:71:830",
+                "variableId": "VariableID:78:162",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -2270,36 +2348,15 @@
           },
           "onDark": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.red.100}",
-            "$description": "",
-            "$extensions": {
-              "mode": {
-                "Light": "{Primitives.color.feedback.red.100}",
-                "Dark": "{Primitives.color.feedback.red.100}"
-              },
-              "figma": {
-                "variableId": "VariableID:71:851",
-                "collection": {
-                  "id": "VariableCollectionId:23:56",
-                  "name": "Tokens",
-                  "defaultModeId": "23:0"
-                }
-              }
-            }
-          }
-        },
-        "success": {
-          "onLight": {
-            "$type": "color",
-            "$value": "{Primitives.color.feedback.green.900}",
+            "$value": "{Primitives.color.base.whiteTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.green.900}",
-                "Dark": "{Primitives.color.feedback.green.200}"
+                "Light": "{Primitives.color.base.whiteTertiary}",
+                "Dark": "{Primitives.color.base.blackTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:71:831",
+                "variableId": "VariableID:78:163",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -2308,38 +2365,17 @@
               }
             }
           },
-          "onDqark": {
-            "$type": "color",
-            "$value": "{Primitives.color.feedback.green.200}",
-            "$description": "",
-            "$extensions": {
-              "mode": {
-                "Light": "{Primitives.color.feedback.green.200}",
-                "Dark": "{Primitives.color.feedback.green.900}"
-              },
-              "figma": {
-                "variableId": "VariableID:131:1699",
-                "collection": {
-                  "id": "VariableCollectionId:23:56",
-                  "name": "Tokens",
-                  "defaultModeId": "23:0"
-                }
-              }
-            }
-          }
-        },
-        "tertiary": {
-          "onLight": {
+          "onLightOnly": {
             "$type": "color",
             "$value": "{Primitives.color.base.blackTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.base.blackTertiary}",
-                "Dark": "{Primitives.color.base.whiteTertiary}"
+                "Dark": "{Primitives.color.base.blackTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:78:162",
+                "variableId": "VariableID:386:1108",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -2348,36 +2384,17 @@
               }
             }
           },
-          "onDark": {
+          "onDarkOnly": {
             "$type": "color",
             "$value": "{Primitives.color.base.whiteTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.base.whiteTertiary}",
-                "Dark": "{Primitives.color.base.blackTertiary}"
-              },
-              "figma": {
-                "variableId": "VariableID:78:163",
-                "collection": {
-                  "id": "VariableCollectionId:23:56",
-                  "name": "Tokens",
-                  "defaultModeId": "23:0"
-                }
-              }
-            }
-          },
-          "darkOnly": {
-            "$type": "color",
-            "$value": "{Primitives.color.base.blackTertiary}",
-            "$description": "",
-            "$extensions": {
-              "mode": {
-                "Light": "{Primitives.color.base.blackTertiary}",
-                "Dark": "{Primitives.color.base.blackTertiary}"
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:386:1108",
+                "variableId": "VariableID:499:8007",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -2933,11 +2950,11 @@
         "positive": {
           "dark": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.green.950}",
+            "$value": "{Primitives.color.feedback.green.900}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.green.950}",
+                "Light": "{Primitives.color.feedback.green.900}",
                 "Dark": "{Primitives.color.feedback.green.200}"
               },
               "figma": {
@@ -2957,7 +2974,7 @@
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.feedback.green.200}",
-                "Dark": "{Primitives.color.feedback.green.950}"
+                "Dark": "{Primitives.color.feedback.green.900}"
               },
               "figma": {
                 "variableId": "VariableID:144:3775",
@@ -2978,7 +2995,7 @@
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.feedback.yellow.900}",
-                "Dark": "{Primitives.color.feedback.yellow.200}"
+                "Dark": "{Primitives.color.feedback.yellow.100}"
               },
               "figma": {
                 "variableId": "VariableID:144:3805",
@@ -2992,11 +3009,11 @@
           },
           "light": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.yellow.200}",
+            "$value": "{Primitives.color.feedback.yellow.100}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.yellow.200}",
+                "Light": "{Primitives.color.feedback.yellow.100}",
                 "Dark": "{Primitives.color.feedback.yellow.900}"
               },
               "figma": {
@@ -3013,11 +3030,11 @@
         "critical": {
           "dark": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.red.700}",
+            "$value": "{Primitives.color.feedback.red.800}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.red.700}",
+                "Light": "{Primitives.color.feedback.red.800}",
                 "Dark": "{Primitives.color.feedback.red.200}"
               },
               "figma": {
@@ -3037,7 +3054,7 @@
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.feedback.red.200}",
-                "Dark": "{Primitives.color.feedback.red.700}"
+                "Dark": "{Primitives.color.feedback.red.800}"
               },
               "figma": {
                 "variableId": "VariableID:144:3822",
@@ -3053,11 +3070,11 @@
         "neutral": {
           "dark": {
             "$type": "color",
-            "$value": "{Primitives.color.neutral.800}",
+            "$value": "{Primitives.color.neutral.950}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.neutral.800}",
+                "Light": "{Primitives.color.neutral.950}",
                 "Dark": "{Primitives.color.neutral.200}"
               },
               "figma": {
@@ -3077,7 +3094,7 @@
             "$extensions": {
               "mode": {
                 "Light": "{Primitives.color.neutral.200}",
-                "Dark": "{Primitives.color.neutral.800}"
+                "Dark": "{Primitives.color.neutral.950}"
               },
               "figma": {
                 "variableId": "VariableID:144:3839",
@@ -3093,12 +3110,12 @@
         "new": {
           "dark": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.800}",
+            "$value": "{Primitives.color.brand.900}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.800}",
-                "Dark": "{Primitives.color.brand.300}"
+                "Light": "{Primitives.color.brand.900}",
+                "Dark": "{Primitives.color.brand.900}"
               },
               "figma": {
                 "variableId": "VariableID:393:825",
@@ -3112,12 +3129,12 @@
           },
           "light": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.300}",
+            "$value": "{Primitives.color.brand.400}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.300}",
-                "Dark": "{Primitives.color.brand.800}"
+                "Light": "{Primitives.color.brand.400}",
+                "Dark": "{Primitives.color.brand.400}"
               },
               "figma": {
                 "variableId": "VariableID:393:826",
@@ -3170,20 +3187,18 @@
                 }
               }
             }
-          }
-        },
-        "secondary": {
-          "onLight": {
+          },
+          "onDarkOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.base.blackTertiary}",
+            "$value": "{Primitives.color.base.whiteSecondary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.base.blackTertiary}",
-                "Dark": "{Primitives.color.base.whiteTertiary}"
+                "Light": "{Primitives.color.base.whiteSecondary}",
+                "Dark": "{Primitives.color.base.whiteSecondary}"
               },
               "figma": {
-                "variableId": "VariableID:330:895",
+                "variableId": "VariableID:499:8008",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3192,17 +3207,17 @@
               }
             }
           },
-          "onDark": {
+          "onLightOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.base.whiteTertiary}",
+            "$value": "{Primitives.color.base.blackSecondary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.base.whiteTertiary}",
-                "Dark": "{Primitives.color.base.blackTertiary}"
+                "Light": "{Primitives.color.base.blackSecondary}",
+                "Dark": "{Primitives.color.base.blackSecondary}"
               },
               "figma": {
-                "variableId": "VariableID:330:896",
+                "variableId": "VariableID:499:8009",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3212,7 +3227,7 @@
             }
           }
         },
-        "tertiary": {
+        "secondary": {
           "onLight": {
             "$type": "color",
             "$value": "{Primitives.color.base.blackTertiary}",
@@ -3223,7 +3238,7 @@
                 "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:897",
+                "variableId": "VariableID:330:895",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3242,7 +3257,7 @@
                 "Dark": "{Primitives.color.base.blackTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:898",
+                "variableId": "VariableID:330:896",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3250,20 +3265,18 @@
                 }
               }
             }
-          }
-        },
-        "brand": {
-          "onLight": {
+          },
+          "onDarkOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.800}",
+            "$value": "{Primitives.color.base.whiteTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.800}",
-                "Dark": "{Primitives.color.brand.400}"
+                "Light": "{Primitives.color.base.whiteTertiary}",
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:899",
+                "variableId": "VariableID:499:8010",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3272,17 +3285,17 @@
               }
             }
           },
-          "onDark": {
+          "onLightOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.400}",
+            "$value": "{Primitives.color.base.blackTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.400}",
-                "Dark": "{Primitives.color.brand.800}"
+                "Light": "{Primitives.color.base.blackTertiary}",
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:900",
+                "variableId": "VariableID:499:8011",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3292,18 +3305,18 @@
             }
           }
         },
-        "warning": {
+        "tertiary": {
           "onLight": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.yellow.800}",
+            "$value": "{Primitives.color.base.blackTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.yellow.800}",
-                "Dark": "{Primitives.color.feedback.yellow.200}"
+                "Light": "{Primitives.color.base.blackTertiary}",
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:901",
+                "variableId": "VariableID:330:897",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3314,15 +3327,15 @@
           },
           "onDark": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.yellow.200}",
+            "$value": "{Primitives.color.base.whiteTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.yellow.200}",
-                "Dark": "{Primitives.color.feedback.yellow.800}"
+                "Light": "{Primitives.color.base.whiteTertiary}",
+                "Dark": "{Primitives.color.base.blackTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:902",
+                "variableId": "VariableID:330:898",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3330,20 +3343,18 @@
                 }
               }
             }
-          }
-        },
-        "error": {
-          "onLight": {
+          },
+          "onDarkOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.red.700}",
+            "$value": "{Primitives.color.base.whiteTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.red.700}",
-                "Dark": "{Primitives.color.feedback.red.200}"
+                "Light": "{Primitives.color.base.whiteTertiary}",
+                "Dark": "{Primitives.color.base.whiteTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:903",
+                "variableId": "VariableID:499:8012",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3352,17 +3363,17 @@
               }
             }
           },
-          "onDark": {
+          "onLightOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.red.200}",
+            "$value": "{Primitives.color.base.blackTertiary}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.red.200}",
-                "Dark": "{Primitives.color.feedback.red.200}"
+                "Light": "{Primitives.color.base.blackTertiary}",
+                "Dark": "{Primitives.color.base.blackTertiary}"
               },
               "figma": {
-                "variableId": "VariableID:330:904",
+                "variableId": "VariableID:499:8013",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3372,18 +3383,18 @@
             }
           }
         },
-        "success": {
+        "brand": {
           "onLight": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.green.800}",
+            "$value": "{Primitives.color.brand.800}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.green.800}",
-                "Dark": "{Primitives.color.feedback.green.300}"
+                "Light": "{Primitives.color.brand.800}",
+                "Dark": "{Primitives.color.brand.400}"
               },
               "figma": {
-                "variableId": "VariableID:330:905",
+                "variableId": "VariableID:492:7251",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3392,17 +3403,17 @@
               }
             }
           },
-          "onDqark": {
+          "onDark": {
             "$type": "color",
-            "$value": "{Primitives.color.feedback.green.300}",
+            "$value": "{Primitives.color.brand.400}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.feedback.green.300}",
-                "Dark": "{Primitives.color.feedback.green.800}"
+                "Light": "{Primitives.color.brand.400}",
+                "Dark": "{Primitives.color.brand.800}"
               },
               "figma": {
-                "variableId": "VariableID:330:908",
+                "variableId": "VariableID:492:7252",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3410,20 +3421,18 @@
                 }
               }
             }
-          }
-        },
-        "new": {
-          "onLight": {
+          },
+          "onDarkOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.700}",
+            "$value": "{Primitives.color.brand.400}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.700}",
-                "Dark": "{Primitives.color.brand.300}"
+                "Light": "{Primitives.color.brand.400}",
+                "Dark": "{Primitives.color.brand.400}"
               },
               "figma": {
-                "variableId": "VariableID:394:1049",
+                "variableId": "VariableID:492:7263",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3432,17 +3441,17 @@
               }
             }
           },
-          "onDark": {
+          "onLightOnly": {
             "$type": "color",
-            "$value": "{Primitives.color.brand.300}",
+            "$value": "{Primitives.color.brand.800}",
             "$description": "",
             "$extensions": {
               "mode": {
-                "Light": "{Primitives.color.brand.300}",
-                "Dark": "{Primitives.color.brand.700}"
+                "Light": "{Primitives.color.brand.800}",
+                "Dark": "{Primitives.color.brand.800}"
               },
               "figma": {
-                "variableId": "VariableID:394:1050",
+                "variableId": "VariableID:492:7264",
                 "collection": {
                   "id": "VariableCollectionId:23:56",
                   "name": "Tokens",
@@ -3515,12 +3524,12 @@
             },
             "hovered": {
               "$type": "color",
-              "$value": "{Primitives.color.neutral.100}",
+              "$value": "{Primitives.color.base.blackLightest}",
               "$description": "",
               "$extensions": {
                 "mode": {
-                  "Light": "{Primitives.color.neutral.100}",
-                  "Dark": "{Primitives.color.brand.800}"
+                  "Light": "{Primitives.color.base.blackLightest}",
+                  "Dark": "{Primitives.color.base.whiteLightest}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:980",
@@ -3534,12 +3543,12 @@
             },
             "pressed": {
               "$type": "color",
-              "$value": "{Primitives.color.neutral.200}",
+              "$value": "{Primitives.color.base.blackLight}",
               "$description": "",
               "$extensions": {
                 "mode": {
-                  "Light": "{Primitives.color.neutral.200}",
-                  "Dark": "{Primitives.color.brand.700}"
+                  "Light": "{Primitives.color.base.blackLight}",
+                  "Dark": "{Primitives.color.base.whiteLight}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:981",
@@ -3550,6 +3559,25 @@
                   }
                 }
               }
+            },
+            "active": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.blackPrimary}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.blackPrimary}",
+                  "Dark": "{Primitives.color.base.whitePrimary}"
+                },
+                "figma": {
+                  "variableId": "VariableID:490:6532",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
             }
           },
           "brand": {
@@ -3560,7 +3588,7 @@
               "$extensions": {
                 "mode": {
                   "Light": "{Primitives.color.brand.300}",
-                  "Dark": "{Primitives.color.brand.900}"
+                  "Dark": "{Primitives.color.brand.700}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:982",
@@ -3579,7 +3607,7 @@
               "$extensions": {
                 "mode": {
                   "Light": "{Primitives.color.brand.400}",
-                  "Dark": "{Primitives.color.brand.800}"
+                  "Dark": "{Primitives.color.brand.600}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:983",
@@ -3598,7 +3626,7 @@
               "$extensions": {
                 "mode": {
                   "Light": "{Primitives.color.brand.500}",
-                  "Dark": "{Primitives.color.brand.700}"
+                  "Dark": "{Primitives.color.brand.500}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:984",
@@ -3614,12 +3642,12 @@
           "recessed": {
             "default": {
               "$type": "color",
-              "$value": "{Primitives.color.neutral.100}",
+              "$value": "{Primitives.color.base.blackLightest}",
               "$description": "",
               "$extensions": {
                 "mode": {
-                  "Light": "{Primitives.color.neutral.100}",
-                  "Dark": "{Primitives.color.brand.900}"
+                  "Light": "{Primitives.color.base.blackLightest}",
+                  "Dark": "{Primitives.color.base.whiteLightest}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:985",
@@ -3633,12 +3661,12 @@
             },
             "hovered": {
               "$type": "color",
-              "$value": "{Primitives.color.neutral.200}",
+              "$value": "{Primitives.color.base.blackLight}",
               "$description": "",
               "$extensions": {
                 "mode": {
-                  "Light": "{Primitives.color.neutral.200}",
-                  "Dark": "{Primitives.color.brand.800}"
+                  "Light": "{Primitives.color.base.blackLight}",
+                  "Dark": "{Primitives.color.base.whiteLight}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:986",
@@ -3652,12 +3680,12 @@
             },
             "pressed": {
               "$type": "color",
-              "$value": "{Primitives.color.neutral.300}",
+              "$value": "{Primitives.color.base.blackTertiary}",
               "$description": "",
               "$extensions": {
                 "mode": {
-                  "Light": "{Primitives.color.neutral.300}",
-                  "Dark": "{Primitives.color.brand.700}"
+                  "Light": "{Primitives.color.base.blackTertiary}",
+                  "Dark": "{Primitives.color.base.whiteTertiary}"
                 },
                 "figma": {
                   "variableId": "VariableID:390:987",
@@ -3668,6 +3696,25 @@
                   }
                 }
               }
+            },
+            "active": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.blackLight}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.blackLight}",
+                  "Dark": "{Primitives.color.base.whiteLight}"
+                },
+                "figma": {
+                  "variableId": "VariableID:446:4616",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
             }
           },
           "dark": {
@@ -3827,6 +3874,84 @@
                 }
               }
             }
+          },
+          "recessed onDarkOnly": {
+            "default": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.whiteLightest}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.whiteLightest}",
+                  "Dark": "{Primitives.color.base.whiteLightest}"
+                },
+                "figma": {
+                  "variableId": "VariableID:499:7969",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
+            },
+            "hovered": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.whiteLight}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.whiteLight}",
+                  "Dark": "{Primitives.color.base.whiteLight}"
+                },
+                "figma": {
+                  "variableId": "VariableID:499:7970",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
+            },
+            "pressed": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.whiteTertiary}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.whiteTertiary}",
+                  "Dark": "{Primitives.color.base.whiteTertiary}"
+                },
+                "figma": {
+                  "variableId": "VariableID:499:7971",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
+            },
+            "active": {
+              "$type": "color",
+              "$value": "{Primitives.color.base.whiteLight}",
+              "$description": "",
+              "$extensions": {
+                "mode": {
+                  "Light": "{Primitives.color.base.whiteLight}",
+                  "Dark": "{Primitives.color.base.whiteLight}"
+                },
+                "figma": {
+                  "variableId": "VariableID:499:7972",
+                  "collection": {
+                    "id": "VariableCollectionId:23:56",
+                    "name": "Tokens",
+                    "defaultModeId": "23:0"
+                  }
+                }
+              }
+            }
           }
         },
         "brand 2": {
@@ -3848,21 +3973,19 @@
             }
           }
         }
-      }
-    },
-    "border": {
-      "primary": {
+      },
+      "divider": {
         "onLight": {
           "$type": "color",
-          "$value": "{Primitives.color.neutral.700}",
+          "$value": "{Primitives.color.base.blackLightest}",
           "$description": "",
           "$extensions": {
             "mode": {
-              "Light": "{Primitives.color.neutral.700}",
-              "Dark": "{Primitives.color.brand.300}"
+              "Light": "{Primitives.color.base.blackLightest}",
+              "Dark": "{Primitives.color.base.whiteLightest}"
             },
             "figma": {
-              "variableId": "VariableID:23:76",
+              "variableId": "VariableID:450:5581",
               "collection": {
                 "id": "VariableCollectionId:23:56",
                 "name": "Tokens",
@@ -3873,15 +3996,15 @@
         },
         "onDark": {
           "$type": "color",
-          "$value": "{Primitives.color.neutral.500}",
+          "$value": "{Primitives.color.base.whiteLightest}",
           "$description": "",
           "$extensions": {
             "mode": {
-              "Light": "{Primitives.color.neutral.500}",
-              "Dark": "{Primitives.color.brand.300}"
+              "Light": "{Primitives.color.base.whiteLightest}",
+              "Dark": "{Primitives.color.base.blackLightest}"
             },
             "figma": {
-              "variableId": "VariableID:78:1414",
+              "variableId": "VariableID:450:5584",
               "collection": {
                 "id": "VariableCollectionId:23:56",
                 "name": "Tokens",
@@ -3891,161 +4014,593 @@
           }
         }
       },
-      "secondary": {
+      "interactions": {
         "onLight": {
-          "$type": "color",
-          "$value": "{Primitives.color.neutral.500}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.neutral.500}",
-              "Dark": "{Primitives.color.brand.700}"
-            },
-            "figma": {
-              "variableId": "VariableID:23:77",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+          "hovered": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLightest}",
+                "Dark": "{Primitives.color.base.whiteLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5681",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "pressed": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLight}",
+                "Dark": "{Primitives.color.base.whiteLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5682",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{Primitives.color.neutral.200}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.neutral.200}",
+                "Dark": "{Primitives.color.brand.700}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5683",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
         },
         "onDark": {
-          "$type": "color",
-          "$value": "{Primitives.color.neutral.700}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.neutral.700}",
-              "Dark": "{Primitives.color.brand.700}"
-            },
-            "figma": {
-              "variableId": "VariableID:78:1415",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+          "hovered": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLightest}",
+                "Dark": "{Primitives.color.base.blackLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5686",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
-          }
-        }
-      },
-      "focused": {
-        "onLight": {
-          "$type": "color",
-          "$value": "{Primitives.color.brand.500}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.brand.500}",
-              "Dark": "{Primitives.color.brand.500}"
-            },
-            "figma": {
-              "variableId": "VariableID:38:353",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+          },
+          "pressed": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLight}",
+                "Dark": "{Primitives.color.base.blackLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5687",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.700}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.700}",
+                "Dark": "{Primitives.color.neutral.200}"
+              },
+              "figma": {
+                "variableId": "VariableID:450:5688",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
         },
-        "onDark": {
-          "$type": "color",
-          "$value": "{Primitives.color.brand.500}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.brand.500}",
-              "Dark": "{Primitives.color.brand.500}"
-            },
-            "figma": {
-              "variableId": "VariableID:171:597",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+        "onDarkOnly": {
+          "hovered": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLightest}",
+                "Dark": "{Primitives.color.base.whiteLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8155",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "pressed": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLight}",
+                "Dark": "{Primitives.color.base.whiteLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8156",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.700}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.700}",
+                "Dark": "{Primitives.color.brand.700}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8157",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          }
+        },
+        "onLightOnly": {
+          "hovered": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLightest}",
+                "Dark": "{Primitives.color.base.blackLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8158",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "pressed": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLight}",
+                "Dark": "{Primitives.color.base.blackLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8159",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{Primitives.color.neutral.200}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.neutral.200}",
+                "Dark": "{Primitives.color.neutral.200}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8160",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
         }
       },
-      "tertiary": {
-        "onLight": {
-          "$type": "color",
-          "$value": "{Primitives.color.base.whitePrimary}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.base.whitePrimary}",
-              "Dark": "{Primitives.color.brand.900}"
-            },
-            "figma": {
-              "variableId": "VariableID:108:485",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+      "border": {
+        "primary": {
+          "onLight": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLight}",
+                "Dark": "{Primitives.color.base.whiteLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6936",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDark": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLight}",
+                "Dark": "{Primitives.color.base.blackLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6937",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onLightOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLight}",
+                "Dark": "{Primitives.color.base.blackLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8382",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLight}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLight}",
+                "Dark": "{Primitives.color.base.whiteLight}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8383",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
         },
-        "onDark": {
-          "$type": "color",
-          "$value": "{Primitives.color.brand.900}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.brand.900}",
-              "Dark": "{Primitives.color.base.whitePrimary}"
-            },
-            "figma": {
-              "variableId": "VariableID:108:486",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+        "secondary": {
+          "onLight": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLightest}",
+                "Dark": "{Primitives.color.base.whiteLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6938",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDark": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLightest}",
+                "Dark": "{Primitives.color.base.blackLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6939",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onLightOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackLightest}",
+                "Dark": "{Primitives.color.base.blackLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8384",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whiteLightest}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whiteLightest}",
+                "Dark": "{Primitives.color.base.whiteLightest}"
+              },
+              "figma": {
+                "variableId": "VariableID:499:8385",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
-        }
-      },
-      "error": {
-        "onLight": {
-          "$type": "color",
-          "$value": "{Primitives.color.feedback.red.700}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.feedback.red.700}",
-              "Dark": "{Primitives.color.feedback.red.200}"
-            },
-            "figma": {
-              "variableId": "VariableID:127:1004",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+        },
+        "focused": {
+          "onLight": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.500}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.500}",
+                "Dark": "{Primitives.color.brand.500}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6940",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDark": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.500}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.500}",
+                "Dark": "{Primitives.color.brand.500}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:6941",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
         },
-        "onDark": {
-          "$type": "color",
-          "$value": "{Primitives.color.feedback.red.200}",
-          "$description": "",
-          "$extensions": {
-            "mode": {
-              "Light": "{Primitives.color.feedback.red.200}",
-              "Dark": "{Primitives.color.feedback.red.700}"
-            },
-            "figma": {
-              "variableId": "VariableID:127:1005",
-              "collection": {
-                "id": "VariableCollectionId:23:56",
-                "name": "Tokens",
-                "defaultModeId": "23:0"
+        "brand": {
+          "onLight": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.900}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.900}",
+                "Dark": "{Primitives.color.brand.300}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:7449",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDark": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.300}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.300}",
+                "Dark": "{Primitives.color.brand.900}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:7450",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onLightOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.900}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.900}",
+                "Dark": "{Primitives.color.brand.900}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:7451",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.brand.300}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.brand.300}",
+                "Dark": "{Primitives.color.brand.300}"
+              },
+              "figma": {
+                "variableId": "VariableID:492:7452",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          }
+        },
+        "dark": {
+          "onLight": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackPrimary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackPrimary}",
+                "Dark": "{Primitives.color.base.whitePrimary}"
+              },
+              "figma": {
+                "variableId": "VariableID:532:9190",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDark": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whitePrimary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whitePrimary}",
+                "Dark": "{Primitives.color.base.blackPrimary}"
+              },
+              "figma": {
+                "variableId": "VariableID:532:9191",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onLightOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.blackPrimary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.blackPrimary}",
+                "Dark": "{Primitives.color.base.blackPrimary}"
+              },
+              "figma": {
+                "variableId": "VariableID:532:9192",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
+              }
+            }
+          },
+          "onDarkOnly": {
+            "$type": "color",
+            "$value": "{Primitives.color.base.whitePrimary}",
+            "$description": "",
+            "$extensions": {
+              "mode": {
+                "Light": "{Primitives.color.base.whitePrimary}",
+                "Dark": "{Primitives.color.base.whitePrimary}"
+              },
+              "figma": {
+                "variableId": "VariableID:532:9193",
+                "collection": {
+                  "id": "VariableCollectionId:23:56",
+                  "name": "Tokens",
+                  "defaultModeId": "23:0"
+                }
               }
             }
           }
@@ -4323,6 +4878,25 @@
               }
             }
           }
+        },
+        "indicator": {
+          "$type": "dimension",
+          "$value": "{Primitives.font-size.xxs}",
+          "$description": "",
+          "$extensions": {
+            "mode": {
+              "Light": "{Primitives.font-size.xxs}",
+              "Dark": "{Primitives.font-size.xxs}"
+            },
+            "figma": {
+              "variableId": "VariableID:437:3764",
+              "collection": {
+                "id": "VariableCollectionId:23:56",
+                "name": "Tokens",
+                "defaultModeId": "23:0"
+              }
+            }
+          }
         }
       },
       "line-height": {
@@ -4894,8 +5468,11 @@
     "tokens-bruecke-meta": {
       "useDTCGKeys": true,
       "colorMode": "hex",
-      "variableCollections": ["Primitives", "Tokens"],
-      "createdAt": "2024-11-08T07:35:03.775Z"
+      "variableCollections": [
+        "Primitives",
+        "Tokens"
+      ],
+      "createdAt": "2024-11-15T10:20:10.855Z"
     }
   }
-}
+}
\ No newline at end of file