diff --git a/tokens.json b/tokens.json
index b2f9d85..6229b1d 100644
--- a/tokens.json
+++ b/tokens.json
@@ -1,609 +1,643 @@
 {
-  "core": {
-    "color": {
-      "grijs": {
-        "100": {
-          "value": "#fbfbfb",
-          "type": "color"
-        },
-        "200": {
-          "value": "#f3f3f3",
-          "type": "color",
-          "description": "Light mode only"
-        },
-        "300": {
-          "value": "#e6e6e6",
-          "type": "color",
-          "description": "Light mode only"
+  "default/core": {
+    "logius": {
+      "color": {
+        "grijs": {
+          "100": {
+            "value": "#fbfbfb",
+            "type": "color"
+          },
+          "200": {
+            "value": "#f3f3f3",
+            "type": "color",
+            "description": "Light mode only"
+          },
+          "300": {
+            "value": "#e6e6e6",
+            "type": "color",
+            "description": "Light mode only"
+          },
+          "400": {
+            "value": "#a7a7a7",
+            "type": "color"
+          },
+          "500": {
+            "value": "#696969",
+            "type": "color"
+          },
+          "600": {
+            "value": "#383838",
+            "type": "color",
+            "description": "dark mode only\n"
+          },
+          "700": {
+            "value": "#282828",
+            "type": "color"
+          },
+          "800": {
+            "value": "#1d1d1d",
+            "type": "color",
+            "description": "dark mode only\n"
+          },
+          "900": {
+            "value": "#171717",
+            "type": "color",
+            "description": "dark mode only\n"
+          }
         },
-        "400": {
-          "value": "#a7a7a7",
+        "zwart": {
+          "value": "#000000",
           "type": "color"
         },
-        "500": {
-          "value": "#696969",
+        "wit": {
+          "value": "#ffffff",
           "type": "color"
         },
-        "600": {
-          "value": "#383838",
-          "type": "color",
-          "description": "dark mode only\n"
-        },
-        "700": {
-          "value": "#282828",
+        "none": {
+          "value": "#ffffff00",
           "type": "color"
         },
-        "800": {
-          "value": "#1d1d1d",
-          "type": "color",
-          "description": "dark mode only\n"
-        },
-        "900": {
-          "value": "#171717",
-          "type": "color",
-          "description": "dark mode only\n"
-        }
-      },
-      "zwart": {
-        "value": "#000000",
-        "type": "color"
-      },
-      "wit": {
-        "value": "#ffffff",
-        "type": "color"
-      },
-      "none": {
-        "value": "#ffffff00",
-        "type": "color"
-      },
-      "lichtblauw": {
-        "100": {
-          "value": "#eef7fb",
-          "type": "color"
+        "lichtblauw": {
+          "100": {
+            "value": "#eef7fb",
+            "type": "color"
+          },
+          "200": {
+            "value": "#ddeff8",
+            "type": "color"
+          },
+          "300": {
+            "value": "#8fcae7",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#ddeff8",
-          "type": "color"
+        "violet": {
+          "100": {
+            "value": "#f2d9e7",
+            "type": "color"
+          },
+          "200": {
+            "value": "#e5b3d0",
+            "type": "color"
+          },
+          "300": {
+            "value": "#a90061",
+            "type": "color"
+          },
+          "400": {
+            "value": "#52002f",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#8fcae7",
-          "type": "color"
-        }
-      },
-      "violet": {
-        "100": {
-          "value": "#f2d9e7",
-          "type": "color"
+        "paars": {
+          "100": {
+            "value": "#e3dce7",
+            "type": "color"
+          },
+          "200": {
+            "value": "#c6b9cf",
+            "type": "color"
+          },
+          "300": {
+            "value": "#42145f",
+            "type": "color"
+          },
+          "400": {
+            "value": "#3B1255",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#e5b3d0",
-          "type": "color"
+        "hemelblauw": {
+          "100": {
+            "value": "#d9ebf7",
+            "type": "color"
+          },
+          "200": {
+            "value": "#b3d7ee",
+            "type": "color"
+          },
+          "300": {
+            "value": "#007bc7",
+            "type": "color"
+          },
+          "400": {
+            "value": "#00436C",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#a90061",
-          "type": "color"
+        "donkerblauw": {
+          "100": {
+            "value": "#d9e8f0",
+            "type": "color"
+          },
+          "200": {
+            "value": "#b3d2e1",
+            "type": "color"
+          },
+          "300": {
+            "value": "#01689b",
+            "type": "color"
+          },
+          "400": {
+            "value": "#013F5E",
+            "type": "color"
+          }
         },
-        "400": {
-          "value": "#52002f",
-          "type": "color"
-        }
-      },
-      "paars": {
-        "100": {
-          "value": "#e3dce7",
-          "type": "color"
+        "mintgroen": {
+          "100": {
+            "value": "#eaf8f4",
+            "type": "color"
+          },
+          "200": {
+            "value": "#d6f2e9",
+            "type": "color"
+          },
+          "300": {
+            "value": "#76d2b6",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#c6b9cf",
-          "type": "color"
+        "mosgroen": {
+          "100": {
+            "value": "#ebebd9",
+            "type": "color"
+          },
+          "200": {
+            "value": "#d6d7b3",
+            "type": "color"
+          },
+          "300": {
+            "value": "#777b00",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#42145f",
-          "type": "color"
+        "groen": {
+          "100": {
+            "value": "#e1eddb",
+            "type": "color"
+          },
+          "200": {
+            "value": "#c4dbb6",
+            "type": "color"
+          },
+          "300": {
+            "value": "#39870c",
+            "type": "color"
+          },
+          "400": {
+            "value": "#004B17",
+            "type": "color"
+          }
         },
-        "400": {
-          "value": "#3B1255",
-          "type": "color"
-        }
-      },
-      "hemelblauw": {
-        "100": {
-          "value": "#d9ebf7",
-          "type": "color"
+        "donkergroen": {
+          "100": {
+            "value": "#dfe6e1",
+            "type": "color"
+          },
+          "200": {
+            "value": "#becdc3",
+            "type": "color"
+          },
+          "300": {
+            "value": "#275937",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#b3d7ee",
-          "type": "color"
+        "bruin": {
+          "100": {
+            "value": "#efeada",
+            "type": "color"
+          },
+          "200": {
+            "value": "#dfd4b6",
+            "type": "color"
+          },
+          "300": {
+            "value": "#94710a",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#007bc7",
-          "type": "color"
+        "donkerbruin": {
+          "100": {
+            "value": "#e8e0df",
+            "type": "color"
+          },
+          "200": {
+            "value": "#d1c2be",
+            "type": "color"
+          },
+          "300": {
+            "value": "#673327",
+            "type": "color"
+          }
         },
-        "400": {
-          "value": "#00436C",
-          "type": "color"
-        }
-      },
-      "donkerblauw": {
-        "100": {
-          "value": "#d9e8f0",
-          "type": "color"
+        "geel": {
+          "100": {
+            "value": "#fefbdd",
+            "type": "color"
+          },
+          "200": {
+            "value": "#fdf6bc",
+            "type": "color"
+          },
+          "300": {
+            "value": "#f9e11e",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#b3d2e1",
-          "type": "color"
+        "donkergeel": {
+          "100": {
+            "value": "#fff4db",
+            "type": "color"
+          },
+          "200": {
+            "value": "#ffe9b8",
+            "type": "color"
+          },
+          "300": {
+            "value": "#ffb612",
+            "type": "color"
+          },
+          "400": {
+            "value": "#BF880D",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#01689b",
-          "type": "color"
+        "oranje": {
+          "100": {
+            "value": "#fbead9",
+            "type": "color"
+          },
+          "200": {
+            "value": "#f6d4b3",
+            "type": "color"
+          },
+          "300": {
+            "value": "#e17000",
+            "type": "color"
+          },
+          "400": {
+            "value": "#B35900",
+            "type": "color"
+          }
         },
-        "400": {
-          "value": "#013F5E",
-          "type": "color"
-        }
-      },
-      "mintgroen": {
-        "100": {
-          "value": "#eaf8f4",
-          "type": "color"
+        "rood": {
+          "100": {
+            "value": "#f9dfdd",
+            "type": "color"
+          },
+          "200": {
+            "value": "#f2bfbc",
+            "type": "color"
+          },
+          "300": {
+            "value": "#d52b1e",
+            "type": "color"
+          },
+          "400": {
+            "value": "#542621",
+            "type": "color"
+          }
         },
-        "200": {
-          "value": "#d6f2e9",
-          "type": "color"
+        "roze": {
+          "100": {
+            "value": "#fdeff8",
+            "type": "color"
+          },
+          "200": {
+            "value": "#fbdef0",
+            "type": "color"
+          },
+          "300": {
+            "value": "#f092cd",
+            "type": "color"
+          }
         },
-        "300": {
-          "value": "#76d2b6",
-          "type": "color"
+        "robijnrood": {
+          "100": {
+            "value": "#f7d9e7",
+            "type": "color"
+          },
+          "200": {
+            "value": "#efb3ce",
+            "type": "color"
+          },
+          "300": {
+            "value": "#ca005d",
+            "type": "color"
+          }
         }
       },
-      "mosgroen": {
-        "100": {
-          "value": "#ebebd9",
-          "type": "color"
+      "border-radius": {
+        "default": {
+          "value": "4",
+          "type": "borderRadius"
         },
-        "200": {
-          "value": "#d6d7b3",
-          "type": "color"
+        "circle": {
+          "value": "50%",
+          "type": "borderRadius"
         },
-        "300": {
-          "value": "#777b00",
-          "type": "color"
+        "none": {
+          "value": "0",
+          "type": "borderRadius"
         }
       },
-      "groen": {
-        "100": {
-          "value": "#e1eddb",
-          "type": "color"
-        },
-        "200": {
-          "value": "#c4dbb6",
-          "type": "color"
-        },
-        "300": {
-          "value": "#39870c",
-          "type": "color"
-        },
-        "400": {
-          "value": "#004B17",
-          "type": "color"
+      "font-family": {
+        "default": {
+          "value": "RijksoverheidSansWebText",
+          "type": "fontFamilies"
         }
       },
-      "donkergroen": {
-        "100": {
-          "value": "#dfe6e1",
-          "type": "color"
+      "font-size": {
+        "s": {
+          "value": "16",
+          "type": "fontSizes"
         },
-        "200": {
-          "value": "#becdc3",
-          "type": "color"
+        "m": {
+          "value": "18",
+          "type": "fontSizes"
         },
-        "300": {
-          "value": "#275937",
-          "type": "color"
-        }
-      },
-      "bruin": {
-        "100": {
-          "value": "#efeada",
-          "type": "color"
+        "l": {
+          "value": "22",
+          "type": "fontSizes"
         },
-        "200": {
-          "value": "#dfd4b6",
-          "type": "color"
+        "xl": {
+          "value": "26",
+          "type": "fontSizes"
         },
-        "300": {
-          "value": "#94710a",
-          "type": "color"
+        "2xl": {
+          "value": "40",
+          "type": "fontSizes"
         }
       },
-      "donkerbruin": {
-        "100": {
-          "value": "#e8e0df",
-          "type": "color"
-        },
-        "200": {
-          "value": "#d1c2be",
-          "type": "color"
-        },
-        "300": {
-          "value": "#673327",
-          "type": "color"
+      "font": {
+        "line-height": {
+          "s": {
+            "value": "24",
+            "type": "lineHeights"
+          },
+          "m": {
+            "value": "28",
+            "type": "lineHeights"
+          },
+          "l": {
+            "value": "32",
+            "type": "lineHeights"
+          },
+          "xl": {
+            "value": "36",
+            "type": "lineHeights"
+          },
+          "2xl": {
+            "value": "56",
+            "type": "lineHeights"
+          }
         }
       },
-      "geel": {
-        "100": {
-          "value": "#fefbdd",
-          "type": "color"
+      "border-width": {
+        "default": {
+          "value": "1",
+          "type": "borderWidth"
         },
-        "200": {
-          "value": "#fdf6bc",
-          "type": "color"
+        "m": {
+          "value": "2",
+          "type": "borderWidth"
         },
-        "300": {
-          "value": "#f9e11e",
-          "type": "color"
+        "none": {
+          "value": "0",
+          "type": "borderWidth"
         }
       },
-      "donkergeel": {
-        "100": {
-          "value": "#fff4db",
-          "type": "color"
-        },
-        "200": {
-          "value": "#ffe9b8",
-          "type": "color"
-        },
-        "300": {
-          "value": "#ffb612",
-          "type": "color"
-        },
-        "400": {
-          "value": "#BF880D",
-          "type": "color"
+      "shadow": {
+        "default": {
+          "value": {
+            "x": "0",
+            "y": "4",
+            "blur": "4",
+            "spread": "0",
+            "color": "#00000025",
+            "type": "dropShadow"
+          },
+          "type": "boxShadow"
         }
       },
-      "oranje": {
-        "100": {
-          "value": "#fbead9",
-          "type": "color"
+      "space": {
+        "0-x": {
+          "value": "{logius.space.1-x}*0",
+          "type": "dimension"
         },
-        "200": {
-          "value": "#f6d4b3",
-          "type": "color"
+        "025-x": {
+          "value": "{logius.space.1-x}*0.25",
+          "type": "dimension"
         },
-        "300": {
-          "value": "#e17000",
-          "type": "color"
+        "05-x": {
+          "value": "{logius.space.1-x}*0.5",
+          "type": "dimension"
         },
-        "400": {
-          "value": "#B35900",
-          "type": "color"
-        }
-      },
-      "rood": {
-        "100": {
-          "value": "#f9dfdd",
-          "type": "color"
+        "1-x": {
+          "value": "8px",
+          "type": "dimension"
         },
-        "200": {
-          "value": "#f2bfbc",
-          "type": "color"
+        "105-x": {
+          "value": "{logius.space.1-x}*1.5",
+          "type": "dimension"
         },
-        "300": {
-          "value": "#d52b1e",
-          "type": "color"
+        "2-x": {
+          "value": "{logius.space.1-x}*2",
+          "type": "dimension"
         },
-        "400": {
-          "value": "#542621",
-          "type": "color"
-        }
-      },
-      "roze": {
-        "100": {
-          "value": "#fdeff8",
-          "type": "color"
+        "3-x": {
+          "value": "{logius.space.1-x}*3",
+          "type": "dimension"
         },
-        "200": {
-          "value": "#fbdef0",
-          "type": "color"
+        "4-x": {
+          "value": "{logius.space.1-x}*4",
+          "type": "dimension"
         },
-        "300": {
-          "value": "#f092cd",
-          "type": "color"
-        }
-      },
-      "robijnrood": {
-        "100": {
-          "value": "#f7d9e7",
-          "type": "color"
+        "5-x": {
+          "value": "{logius.space.1-x}*5",
+          "type": "dimension"
         },
-        "200": {
-          "value": "#efb3ce",
-          "type": "color"
+        "6-x": {
+          "value": "{logius.space.1-x}*6",
+          "type": "dimension"
         },
-        "300": {
-          "value": "#ca005d",
-          "type": "color"
+        "7-x": {
+          "value": "{logius.space.1-x}*7",
+          "type": "dimension"
         }
       }
-    },
-    "border-radius": {
-      "default": {
-        "value": "4",
-        "type": "borderRadius"
-      },
-      "circle": {
-        "value": "50%",
-        "type": "borderRadius"
-      },
-      "none": {
-        "value": "0",
-        "type": "borderRadius"
-      }
-    },
-    "font-family": {
-      "default": {
-        "value": "RijksoverheidSansWebText",
-        "type": "fontFamilies"
-      }
-    },
-    "font-size": {
-      "s": {
-        "value": "16",
-        "type": "fontSizes"
-      },
-      "m": {
-        "value": "18",
-        "type": "fontSizes"
-      },
-      "l": {
-        "value": "22",
-        "type": "fontSizes"
-      },
-      "xl": {
-        "value": "26",
-        "type": "fontSizes"
-      },
-      "2xl": {
-        "value": "40",
-        "type": "fontSizes"
-      }
-    },
-    "line-height": {
-      "s": {
-        "value": "24",
-        "type": "lineHeights"
-      },
-      "m": {
-        "value": "28",
-        "type": "lineHeights"
-      },
-      "l": {
-        "value": "32",
-        "type": "lineHeights"
-      },
-      "xl": {
-        "value": "36",
-        "type": "lineHeights"
-      },
-      "2xl": {
-        "value": "56",
-        "type": "lineHeights"
-      }
-    },
-    "border-width": {
-      "default": {
-        "value": "1",
-        "type": "borderWidth"
-      },
-      "m": {
-        "value": "2",
-        "type": "borderWidth"
-      },
-      "none": {
-        "value": "0",
-        "type": "borderWidth"
-      }
-    },
-    "shadow": {
-      "default": {
-        "value": {
-          "x": "0",
-          "y": "4",
-          "blur": "4",
-          "spread": "0",
-          "color": "#00000025",
-          "type": "dropShadow"
-        },
-        "type": "boxShadow"
-      }
-    },
-    "space": {
-      "0-x": {
-        "value": "{space.1-x}*0",
-        "type": "dimension"
-      },
-      "025-x": {
-        "value": "{space.1-x}*0.25",
-        "type": "dimension"
-      },
-      "05-x": {
-        "value": "{space.1-x}*0.5",
-        "type": "dimension"
-      },
-      "1-x": {
-        "value": "8px",
-        "type": "dimension"
-      },
-      "105-x": {
-        "value": "{space.1-x}*1.5",
-        "type": "dimension"
-      },
-      "2-x": {
-        "value": "{space.1-x}*2",
-        "type": "dimension"
-      },
-      "3-x": {
-        "value": "{space.1-x}*3",
-        "type": "dimension"
-      },
-      "4-x": {
-        "value": "{space.1-x}*4",
-        "type": "dimension"
-      },
-      "5-x": {
-        "value": "{space.1-x}*5",
-        "type": "dimension"
-      },
-      "6-x": {
-        "value": "{space.1-x}*6",
-        "type": "dimension"
-      },
-      "7-x": {
-        "value": "{space.1-x}*7",
-        "type": "dimension"
-      }
     }
   },
-  "semantic": {
-    "color": {
-      "foreground": {
-        "value": "{color.grijs.700}",
-        "type": "color",
-        "description": "Primary text, icons and strong borders"
-      },
-      "background": {
-        "value": "{color.wit}",
-        "type": "color",
-        "description": "Background"
-      },
-      "border": {
-        "value": "{color.grijs.500}",
-        "type": "color"
-      },
-      "canvas": {
-        "value": "{color.grijs.200}",
-        "type": "color",
-        "description": "The background of the webpage"
-      },
-      "onEmphasis": {
-        "foreground": {
-          "value": "{color.wit}",
-          "type": "color",
-          "description": "Text on stong backgrounds. Eg text on the brand color or the footer text"
-        }
-      },
-      "subdued": {
+  "default/semantic": {
+    "logius": {
+      "color": {
         "foreground": {
-          "value": "{color.grijs.500}",
+          "value": "{logius.color.grijs.700}",
           "type": "color",
-          "description": "Subdued text and icons"
+          "description": "Primary text, icons and strong borders"
         },
         "background": {
-          "value": "{color.grijs.200}",
+          "value": "{logius.color.wit}",
           "type": "color",
-          "description": "Subdued background"
+          "description": "Background"
         },
         "border": {
-          "value": "{color.grijs.400}",
-          "type": "color",
-          "description": "Subdued border"
-        }
-      },
-      "hover": {
-        "background": {
-          "value": "{color.grijs.300}",
-          "type": "color",
-          "description": "Default hover background color"
-        }
-      },
-      "brand": {
-        "default": {
-          "value": "{color.violet.300}",
+          "value": "{logius.color.grijs.500}",
+          "type": "color"
+        },
+        "canvas": {
+          "value": "{logius.color.grijs.200}",
           "type": "color",
-          "description": "Change this color to your brand"
+          "description": "The background of the webpage"
+        },
+        "onEmphasis": {
+          "foreground": {
+            "value": "{logius.color.wit}",
+            "type": "color",
+            "description": "Text on stong backgrounds. Eg text on the brand color or the footer text"
+          }
         },
         "subdued": {
-          "value": "{color.violet.100}",
-          "type": "color",
-          "description": "Change this color to your brand"
+          "foreground": {
+            "value": "{logius.color.grijs.500}",
+            "type": "color",
+            "description": "Subdued text and icons"
+          },
+          "background": {
+            "value": "{logius.color.grijs.200}",
+            "type": "color",
+            "description": "Subdued background"
+          },
+          "border": {
+            "value": "{logius.color.grijs.400}",
+            "type": "color",
+            "description": "Subdued border"
+          }
         },
         "hover": {
-          "value": "{color.violet.400}",
-          "type": "color",
-          "description": "Change this color to your brand"
-        }
-      },
-      "feedback": {
-        "success": {
-          "default": {
-            "value": "{color.groen.300}",
-            "type": "color"
-          },
-          "subdued": {
-            "value": "{color.groen.100}",
-            "type": "color"
+          "background": {
+            "value": "{logius.color.grijs.300}",
+            "type": "color",
+            "description": "Default hover background color"
           }
         },
-        "info": {
+        "brand": {
           "default": {
-            "value": "{color.hemelblauw.300}",
-            "type": "color"
+            "value": "{logius.color.groen.300}",
+            "type": "color",
+            "description": "Change this color to your brand"
           },
           "subdued": {
-            "value": "{color.hemelblauw.100}",
-            "type": "color"
+            "value": "{logius.color.groen.100}",
+            "type": "color",
+            "description": "Change this color to your brand"
+          },
+          "hover": {
+            "value": "{logius.color.groen.400}",
+            "type": "color",
+            "description": "Change this color to your brand"
           }
         },
-        "error": {
-          "default": {
-            "value": "{color.rood.300}",
-            "type": "color"
+        "feedback": {
+          "success": {
+            "default": {
+              "value": "{logius.color.groen.300}",
+              "type": "color"
+            },
+            "subdued": {
+              "value": "{logius.color.groen.100}",
+              "type": "color"
+            }
           },
-          "subdued": {
-            "value": "{color.rood.100}",
-            "type": "color"
+          "info": {
+            "default": {
+              "value": "{logius.color.hemelblauw.300}",
+              "type": "color"
+            },
+            "subdued": {
+              "value": "{logius.color.hemelblauw.100}",
+              "type": "color"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "{logius.color.rood.300}",
+              "type": "color"
+            },
+            "subdued": {
+              "value": "{logius.color.rood.100}",
+              "type": "color"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "{logius.color.donkergeel.300}",
+              "type": "color"
+            },
+            "subdued": {
+              "value": "{logius.color.donkergeel.100}",
+              "type": "color"
+            }
           }
+        }
+      },
+      "space": {
+        "listItem": {
+          "value": "{logius.space.105-x} {logius.space.2-x}",
+          "type": "spacing"
         },
-        "warning": {
+        "sheet": {
+          "value": "{logius.space.4-x} {logius.space.4-x}",
+          "type": "spacing"
+        },
+        "icon-side": {
+          "value": "{logius.space.105-x}",
+          "type": "spacing"
+        },
+        "compensation-height": {
           "default": {
-            "value": "{color.donkergeel.300}",
-            "type": "color"
+            "value": "10",
+            "type": "spacing",
+            "description": "Vertical-padding om items 48px hoog te maken. \n\nBijvoorbeeld: de button, checkboxes en radiobuttons met label & de accordion\n\nDeze items moeten in de code 8px spacing krijgen, met een minimum height van 48px wat met font-size-m(18px) met een line-height van 26px resulteert in 10px op desktop en 12px op mobiel. Dit is echter niet mogelijk in Figma."
           },
-          "subdued": {
-            "value": "{color.donkergeel.100}",
-            "type": "color"
+          "small": {
+            "value": "{logius.space.025-x}",
+            "type": "spacing",
+            "description": "Vertical-spacing om items 32px hoog te maken. \n\nBijvoorbeeld: de small button, de radiobutton & checkboxes met een label."
+          },
+          "icon": {
+            "value": "6",
+            "type": "spacing"
           }
         }
-      }
-    },
-    "space": {
-      "listItem": {
-        "value": "{space.105-x} {space.2-x}",
-        "type": "spacing"
       },
-      "sheet": {
-        "value": "{space.4-x} {space.4-x}",
-        "type": "spacing"
-      },
-      "icon-side": {
-        "value": "{space.105-x}",
-        "type": "spacing"
+      "size": {
+        "2xs": {
+          "value": "{logius.space.2-x}",
+          "type": "sizing"
+        },
+        "xs": {
+          "value": "{logius.space.3-x}",
+          "type": "sizing"
+        },
+        "s": {
+          "value": "{logius.space.4-x}",
+          "type": "sizing"
+        },
+        "m": {
+          "value": "{logius.space.6-x}",
+          "type": "sizing"
+        }
       },
-      "compensation-height": {
+      "icon-size": {
         "default": {
-          "value": "10",
-          "type": "spacing",
-          "description": "Vertical-padding om items 48px hoog te maken. \n\nBijvoorbeeld: de button, checkboxes en radiobuttons met label & de accordion\n\nDeze items moeten in de code 8px spacing krijgen, met een minimum height van 48px wat met font-size-m(18px) met een line-height van 26px resulteert in 10px op desktop en 12px op mobiel. Dit is echter niet mogelijk in Figma."
-        },
-        "small": {
-          "value": "{space.025-x}",
-          "type": "spacing",
-          "description": "Vertical-spacing om items 32px hoog te maken. \n\nBijvoorbeeld: de small button, de radiobutton & checkboxes met een label."
+          "value": "{logius.space.2-x}",
+          "type": "sizing"
         },
-        "icon": {
-          "value": "6",
-          "type": "spacing"
+        "large": {
+          "value": "{logius.space.3-x}",
+          "type": "sizing"
         }
       }
     },
@@ -611,55 +645,55 @@
       "body": {
         "s-400": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Regular",
-            "lineHeight": "{line-height.s}",
-            "fontSize": "{font-size.s}"
+            "lineHeight": "{logius.font.line-height.s}",
+            "fontSize": "{logius.font-size.s}"
           },
           "type": "typography"
         },
         "s-700": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Bold",
-            "lineHeight": "{line-height.s}",
-            "fontSize": "{font-size.s}"
+            "lineHeight": "{logius.font.line-height.s}",
+            "fontSize": "{logius.font-size.s}"
           },
           "type": "typography"
         },
         "m-400": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Regular",
-            "lineHeight": "{line-height.m}",
-            "fontSize": "{font-size.m}"
+            "lineHeight": "{logius.font.line-height.m}",
+            "fontSize": "{logius.font-size.m}"
           },
           "type": "typography"
         },
         "m-700": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Bold",
-            "lineHeight": "{line-height.m}",
-            "fontSize": "{font-size.m}"
+            "lineHeight": "{logius.font.line-height.m}",
+            "fontSize": "{logius.font-size.m}"
           },
           "type": "typography"
         },
         "l-400": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Regular",
-            "lineHeight": "{line-height.l}",
-            "fontSize": "{font-size.l}"
+            "lineHeight": "{logius.font.line-height.l}",
+            "fontSize": "{logius.font-size.l}"
           },
           "type": "typography"
         },
         "l-700": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Bold",
-            "lineHeight": "{line-height.l}",
-            "fontSize": "{font-size.l}"
+            "lineHeight": "{logius.font.line-height.l}",
+            "fontSize": "{logius.font-size.l}"
           },
           "type": "typography"
         }
@@ -678,10 +712,10 @@
         "level-4": {
           "700": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Bold",
-              "lineHeight": "{line-height.m}",
-              "fontSize": "{font-size.m}"
+              "lineHeight": "{logius.font.line-height.m}",
+              "fontSize": "{logius.font-size.m}"
             },
             "type": "typography"
           }
@@ -689,19 +723,19 @@
         "level-3": {
           "400": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Regular",
-              "lineHeight": "{line-height.l}",
-              "fontSize": "{font-size.l}"
+              "lineHeight": "{logius.font.line-height.l}",
+              "fontSize": "{logius.font-size.l}"
             },
             "type": "typography"
           },
           "700": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Bold",
-              "lineHeight": "{line-height.l}",
-              "fontSize": "{font-size.l}"
+              "lineHeight": "{logius.font.line-height.l}",
+              "fontSize": "{logius.font-size.l}"
             },
             "type": "typography"
           }
@@ -709,19 +743,19 @@
         "level-2": {
           "400": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Regular",
-              "lineHeight": "{line-height.xl}",
-              "fontSize": "{font-size.xl}"
+              "lineHeight": "{logius.font.line-height.xl}",
+              "fontSize": "{logius.font-size.xl}"
             },
             "type": "typography"
           },
           "700": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Bold",
-              "lineHeight": "{line-height.xl}",
-              "fontSize": "{font-size.xl}"
+              "lineHeight": "{logius.font.line-height.xl}",
+              "fontSize": "{logius.font-size.xl}"
             },
             "type": "typography"
           }
@@ -729,51 +763,23 @@
         "level-1": {
           "400": {
             "value": {
-              "fontFamily": "{font-family.default}",
+              "fontFamily": "{logius.font-family.default}",
               "fontWeight": "Regular",
-              "lineHeight": "{line-height.2xl}",
-              "fontSize": "{font-size.2xl}"
+              "lineHeight": "{logius.font.line-height.2xl}",
+              "fontSize": "{logius.font-size.2xl}"
             },
             "type": "typography"
           },
           "700": {
             "value": {
-              "fontFamily": "{font-family.default}",
-              "fontWeight": "Bold",
-              "lineHeight": "{line-height.2xl}",
-              "fontSize": "{font-size.2xl}"
-            },
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "size": {
-      "2xs": {
-        "value": "{space.2-x}",
-        "type": "sizing"
-      },
-      "xs": {
-        "value": "{space.3-x}",
-        "type": "sizing"
-      },
-      "s": {
-        "value": "{space.4-x}",
-        "type": "sizing"
-      },
-      "m": {
-        "value": "{space.6-x}",
-        "type": "sizing"
-      }
-    },
-    "icon-size": {
-      "default": {
-        "value": "{space.2-x}",
-        "type": "sizing"
-      },
-      "large": {
-        "value": "{space.3-x}",
-        "type": "sizing"
+              "fontFamily": "{logius.font-family.default}",
+              "fontWeight": "Bold",
+              "lineHeight": "{logius.font.line-height.2xl}",
+              "fontSize": "{logius.font-size.2xl}"
+            },
+            "type": "typography"
+          }
+        }
       }
     }
   },
@@ -782,54 +788,54 @@
       "color": {
         "primary": {
           "foreground": {
-            "value": "{color.onEmphasis.foreground}",
+            "value": "{logius.color.onEmphasis.foreground}",
             "type": "color"
           },
           "background": {
-            "value": "{color.brand.default}",
+            "value": "{logius.color.brand.default}",
             "type": "color"
           },
           "border": {
-            "value": "{color.none}",
+            "value": "{logius.color.none}",
             "type": "color"
           },
           "hover": {
             "background": {
-              "value": "{color.brand.hover}",
+              "value": "{logius.color.brand.hover}",
               "type": "color"
             }
           },
           "disabled": {
             "foreground": {
-              "value": "{color.subdued.foreground}",
+              "value": "{logius.color.subdued.foreground}",
               "type": "color"
             },
             "background": {
-              "value": "{color.subdued.background}",
+              "value": "{logius.color.subdued.background}",
               "type": "color"
             }
           }
         },
         "tertiary": {
           "foreground": {
-            "value": "{color.brand.default}",
+            "value": "{logius.color.brand.default}",
             "type": "color"
           },
           "background": {
-            "value": "{color.none}",
+            "value": "{logius.color.none}",
             "type": "color"
           },
           "border": {
-            "value": "{color.none}",
+            "value": "{logius.color.none}",
             "type": "color"
           },
           "hover": {
             "foreground": {
-              "value": "{color.brand.hover}",
+              "value": "{logius.color.brand.hover}",
               "type": "color"
             },
             "background": {
-              "value": "{color.brand.subdued}",
+              "value": "{logius.color.brand.subdued}",
               "type": "color"
             }
           },
@@ -842,15 +848,15 @@
         },
         "secondary": {
           "foreground": {
-            "value": "{color.brand.default}",
+            "value": "{logius.color.brand.default}",
             "type": "color"
           },
           "background": {
-            "value": "{color.background}",
+            "value": "{logius.color.background}",
             "type": "color"
           },
           "border": {
-            "value": "{color.brand.default}",
+            "value": "{logius.color.brand.default}",
             "type": "color"
           },
           "disabled": {
@@ -869,22 +875,22 @@
           },
           "hover": {
             "foreground": {
-              "value": "{color.brand.hover}",
+              "value": "{logius.color.brand.hover}",
               "type": "color"
             },
             "background": {
-              "value": "{color.brand.subdued}",
+              "value": "{logius.color.brand.subdued}",
               "type": "color"
             },
             "border": {
-              "value": "{color.brand.hover}",
+              "value": "{logius.color.brand.hover}",
               "type": "color"
             }
           }
         },
         "loading": {
           "foreground": {
-            "value": "{color.none}",
+            "value": "{logius.color.none}",
             "type": "color"
           }
         }
@@ -931,7 +937,7 @@
           "value": {
             "verticalPadding": "{link.space.vertical-padding}",
             "paddingLeft": "{button.space.padding-left}",
-            "borderRadius": "{border-radius.default}",
+            "borderRadius": "{logius.border-radius.default}",
             "itemSpacing": "{link.space.gap}",
             "paddingRight": "{button.space.padding-right}"
           },
@@ -961,43 +967,43 @@
       "space": {
         "small": {
           "vertical-padding": {
-            "value": "{space.compensation-height.small}",
+            "value": "{logius.space.compensation-height.small}",
             "type": "spacing"
           }
         },
         "vertical-padding": {
-          "value": "{space.compensation-height.default}",
+          "value": "{logius.space.compensation-height.default}",
           "type": "spacing"
         },
         "padding-right": {
-          "value": "{space.2-x}",
+          "value": "{logius.space.2-x}",
           "type": "spacing"
         },
         "padding-left": {
-          "value": "{space.2-x}",
+          "value": "{logius.space.2-x}",
           "type": "spacing"
         },
         "icon-left": {
           "padding-left": {
-            "value": "{space.icon-side}",
+            "value": "{logius.space.icon-side}",
             "type": "spacing"
           }
         },
         "icon-right": {
           "padding-right": {
-            "value": "{space.icon-side}",
+            "value": "{logius.space.icon-side}",
             "type": "spacing"
           }
         },
         "gap": {
-          "value": "{space.1-x}",
+          "value": "{logius.space.1-x}",
           "type": "spacing"
         }
       },
       "font": {
         "primary": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "{button.font-weight}",
             "lineHeight": "{button.line-height}",
             "fontSize": "{button.text-size}"
@@ -1010,15 +1016,15 @@
         }
       },
       "border-radius": {
-        "value": "{border-radius.default}",
+        "value": "{logius.border-radius.default}",
         "type": "borderRadius"
       },
       "border-width": {
-        "value": "{border-width.default}",
+        "value": "{logius.border-width.default}",
         "type": "borderWidth"
       },
       "text-size": {
-        "value": "{font-size.m}",
+        "value": "{logius.font-size.m}",
         "type": "fontSizes"
       },
       "font-weight": {
@@ -1026,21 +1032,21 @@
         "type": "fontWeights"
       },
       "icon-size": {
-        "value": "{icon-size.default}",
+        "value": "{logius.icon-size.default}",
         "type": "sizing"
       },
       "line-height": {
-        "value": "{line-height.m}",
+        "value": "{logius.font.line-height.m}",
         "type": "lineHeights"
       },
       "size": {
         "min-height": {
-          "value": "{size.m}",
+          "value": "{logius.size.m}",
           "type": "sizing"
         },
         "small": {
           "min-height": {
-            "value": "{size.s}",
+            "value": "{logius.size.s}",
             "type": "sizing"
           }
         }
@@ -1052,30 +1058,30 @@
       "color": {
         "info": {
           "background": {
-            "value": "{color.feedback.info.subdued}",
+            "value": "{logius.color.feedback.info.subdued}",
             "type": "color"
           }
         },
         "error": {
           "background": {
-            "value": "{color.feedback.error.subdued}",
+            "value": "{logius.color.feedback.error.subdued}",
             "type": "color"
           }
         },
         "warning": {
           "background": {
-            "value": "{color.feedback.warning.subdued}",
+            "value": "{logius.color.feedback.warning.subdued}",
             "type": "color"
           }
         },
         "success": {
           "background": {
-            "value": "{color.feedback.success.subdued}",
+            "value": "{logius.color.feedback.success.subdued}",
             "type": "color"
           }
         },
         "foreground": {
-          "value": "{color.foreground}",
+          "value": "{logius.color.foreground}",
           "type": "color"
         }
       },
@@ -1091,40 +1097,40 @@
       },
       "icon-size": {
         "alert": {
-          "value": "{icon-size.large}",
+          "value": "{logius.icon-size.large}",
           "type": "sizing"
         },
         "close": {
-          "value": "{icon-size.default}",
+          "value": "{logius.icon-size.default}",
           "type": "sizing"
         }
       },
       "space": {
         "vertical-padding": {
-          "value": "{space.compensation-height.default}",
+          "value": "{logius.space.compensation-height.default}",
           "type": "spacing"
         },
         "padding-left": {
-          "value": "{space.icon-side}",
+          "value": "{logius.space.icon-side}",
           "type": "spacing"
         },
         "padding-right": {
-          "value": "{space.2-x}",
+          "value": "{logius.space.2-x}",
           "type": "spacing"
         },
         "gap": {
-          "value": "{space.1-x}",
+          "value": "{logius.space.1-x}",
           "type": "spacing"
         },
         "closable": {
           "padding-right": {
-            "value": "{space.icon-side}",
+            "value": "{logius.space.icon-side}",
             "type": "spacing"
           }
         }
       },
       "border-radius": {
-        "value": "{border-radius.default}",
+        "value": "{logius.border-radius.default}",
         "type": "borderRadius"
       }
     }
@@ -1133,67 +1139,67 @@
     "forms": {
       "color": {
         "foreground": {
-          "value": "{color.foreground}",
+          "value": "{logius.color.foreground}",
           "type": "color"
         },
         "hint-text": {
-          "value": "{color.subdued.foreground}",
+          "value": "{logius.color.subdued.foreground}",
           "type": "color"
         }
       },
       "field": {
         "color": {
           "placeholder": {
-            "value": "{color.subdued.foreground}",
+            "value": "{logius.color.subdued.foreground}",
             "type": "color",
             "description": "Placeholder text"
           },
           "background": {
-            "value": "{color.background}",
+            "value": "{logius.color.background}",
             "type": "color"
           },
           "border": {
-            "value": "{color.foreground}",
+            "value": "{logius.color.foreground}",
             "type": "color"
           },
           "disabled": {
             "foreground": {
-              "value": "{color.subdued.foreground}",
+              "value": "{logius.color.subdued.foreground}",
               "type": "color"
             },
             "background": {
-              "value": "{color.subdued.background}",
+              "value": "{logius.color.subdued.background}",
               "type": "color"
             },
             "border": {
-              "value": "{color.subdued.border}",
+              "value": "{logius.color.subdued.border}",
               "type": "color"
             }
           },
           "error": {
             "border": {
-              "value": "{color.feedback.error.default}",
+              "value": "{logius.color.feedback.error.default}",
               "type": "color"
             },
             "icon": {
-              "value": "{color.feedback.error.default}",
+              "value": "{logius.color.feedback.error.default}",
               "type": "color"
             }
           },
           "active": {
             "border": {
-              "value": "{color.foreground}",
+              "value": "{logius.color.foreground}",
               "type": "color"
             }
           }
         },
         "border-radius": {
-          "value": "{border-radius.default}",
+          "value": "{logius.border-radius.default}",
           "type": "borderRadius"
         },
         "border-width": {
           "default": {
-            "value": "{border-width.default}",
+            "value": "{logius.border-width.default}",
             "type": "borderWidth"
           },
           "active": {
@@ -1203,16 +1209,16 @@
         },
         "space": {
           "horizontal-padding": {
-            "value": "{space.2-x}",
+            "value": "{logius.space.2-x}",
             "type": "spacing"
           },
           "gap": {
-            "value": "{space.05-x}",
+            "value": "{logius.space.05-x}",
             "type": "spacing"
           },
           "inline-icon": {
             "padding-right": {
-              "value": "{space.05-x}",
+              "value": "{logius.space.05-x}",
               "type": "spacing"
             }
           }
@@ -1226,7 +1232,7 @@
         },
         "size": {
           "height": {
-            "value": "{size.m}",
+            "value": "{logius.size.m}",
             "type": "sizing"
           }
         }
@@ -1235,42 +1241,42 @@
         "color": {
           "disabled": {
             "foreground": {
-              "value": "{color.subdued.foreground}",
+              "value": "{logius.color.subdued.foreground}",
               "type": "color"
             },
             "border": {
-              "value": "{color.subdued.border}",
+              "value": "{logius.color.subdued.border}",
               "type": "color"
             },
             "fill": {
-              "value": "{color.subdued.border}",
+              "value": "{logius.color.subdued.border}",
               "type": "color",
               "description": "De kleur als de checkbox of radio aan is."
             }
           },
           "border": {
-            "value": "{color.foreground}",
+            "value": "{logius.color.foreground}",
             "type": "color"
           },
           "error": {
             "border": {
-              "value": "{color.feedback.error.default}",
+              "value": "{logius.color.feedback.error.default}",
               "type": "color"
             }
           },
           "hover": {
             "border": {
-              "value": "{color.brand.default}",
+              "value": "{logius.color.brand.default}",
               "type": "color"
             },
             "fill": {
-              "value": "{color.brand.default}",
+              "value": "{logius.color.brand.default}",
               "type": "color"
             }
           },
           "active": {
             "fill": {
-              "value": "{color.brand.default}",
+              "value": "{logius.color.brand.default}",
               "type": "color",
               "description": "De kleur als de checkbox of radio aan is."
             }
@@ -1278,11 +1284,11 @@
         },
         "space": {
           "vertical-padding": {
-            "value": "{space.compensation-height.small}",
+            "value": "{logius.space.compensation-height.small}",
             "type": "spacing"
           },
           "gap": {
-            "value": "{space.1-x}",
+            "value": "{logius.space.1-x}",
             "type": "spacing"
           },
           "compensation-height": {
@@ -1293,7 +1299,7 @@
         },
         "size": {
           "min-height": {
-            "value": "{size.s}",
+            "value": "{logius.size.s}",
             "type": "sizing"
           }
         },
@@ -1307,25 +1313,25 @@
       },
       "menu": {
         "border-width": {
-          "value": "{border-width.default}",
+          "value": "{logius.border-width.default}",
           "type": "borderWidth"
         },
         "color": {
           "background": {
-            "value": "{color.background}",
+            "value": "{logius.color.background}",
             "type": "color"
           },
           "border": {
-            "value": "{color.subdued.border}",
+            "value": "{logius.color.subdued.border}",
             "type": "color"
           }
         },
         "border-radius": {
-          "value": "{border-radius.default}",
+          "value": "{logius.border-radius.default}",
           "type": "borderRadius"
         },
         "shadow": {
-          "value": "{shadow.default}",
+          "value": "{logius.shadow.default}",
           "type": "boxShadow"
         }
       },
@@ -1333,18 +1339,18 @@
         "menu-item": {
           "space": {
             "vertical-padding": {
-              "value": "{space.compensation-height.small}",
+              "value": "{logius.space.compensation-height.small}",
               "type": "spacing"
             },
             "horizontal-padding": {
-              "value": "{space.2-x}",
+              "value": "{logius.space.2-x}",
               "type": "spacing"
             }
           },
           "color": {
             "hover": {
               "background": {
-                "value": "{color.hover.background}",
+                "value": "{logius.color.hover.background}",
                 "type": "color"
               }
             }
@@ -1373,38 +1379,38 @@
         "date": {
           "color": {
             "background": {
-              "value": "{color.background}",
+              "value": "{logius.color.background}",
               "type": "color"
             },
             "active": {
               "background": {
-                "value": "{color.brand.default}",
+                "value": "{logius.color.brand.default}",
                 "type": "color"
               },
               "foreground": {
-                "value": "{color.onEmphasis.foreground}",
+                "value": "{logius.color.onEmphasis.foreground}",
                 "type": "color"
               }
             },
             "hover": {
               "background": {
-                "value": "{color.hover.background}",
+                "value": "{logius.color.hover.background}",
                 "type": "color"
               }
             },
             "disabled": {
               "foreground": {
-                "value": "{color.subdued.foreground}",
+                "value": "{logius.color.subdued.foreground}",
                 "type": "color"
               }
             }
           },
           "border-radius": {
-            "value": "{border-radius.circle}",
+            "value": "{logius.border-radius.circle}",
             "type": "borderRadius"
           },
           "size": {
-            "value": "{size.m}",
+            "value": "{logius.size.m}",
             "type": "sizing"
           }
         }
@@ -1415,379 +1421,202 @@
     "pagination": {
       "space": {
         "gap": {
-          "value": "{space.0-x}",
+          "value": "{logius.space.0-x}",
           "type": "spacing"
         }
       },
       "number": {
         "size": {
           "height": {
-            "value": "{size.s}",
+            "value": "{logius.size.s}",
             "type": "sizing"
           },
           "min-width": {
-            "value": "{size.s}",
+            "value": "{logius.size.s}",
             "type": "sizing"
           }
         },
         "space": {
           "horizontal-padding": {
-            "value": "{space.05-x}",
+            "value": "{logius.space.05-x}",
             "type": "sizing"
           }
         },
         "color": {
           "background": {
-            "value": "{color.none}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.foreground}",
-            "type": "color"
-          },
-          "active": {
-            "foreground": {
-              "value": "{color.onEmphasis.foreground}",
-              "type": "color"
-            },
-            "background": {
-              "value": "{color.brand.default}",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "background": {
-              "value": "{color.hover.background}",
-              "type": "color"
-            }
-          }
-        },
-        "font": {
-          "value": "{font.body.m-400}",
-          "type": "typography"
-        },
-        "active": {
-          "font": {
-            "value": "{font.body.m-700}",
-            "type": "typography"
-          }
-        }
-      },
-      "hit-area": {
-        "size": {
-          "value": "44",
-          "type": "sizing"
-        }
-      }
-    }
-  },
-  "component/link": {
-    "link": {
-      "color": {
-        "foreground": {
-          "value": "{color.donkerblauw.300}",
-          "type": "color"
-        },
-        "hint-text": {
-          "value": "{color.subdued.foreground}",
-          "type": "color"
-        },
-        "hover": {
-          "foreground": {
-            "value": "{color.donkerblauw.400}",
-            "type": "color"
-          }
-        },
-        "inverse": {
-          "foreground": {
-            "value": "{color.onEmphasis.foreground}",
-            "type": "color"
-          }
-        }
-      },
-      "space": {
-        "vertical-padding": {
-          "value": "{space.compensation-height.small}",
-          "type": "spacing"
-        },
-        "horizontal-padding": {
-          "value": "{space.0-x}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{space.05-x}",
-          "type": "spacing"
-        },
-        "compensation-height": {
-          "value": "{space.compensation-height.icon}",
-          "type": "spacing"
-        }
-      },
-      "icon-size": {
-        "value": "{icon-size.default}",
-        "type": "sizing"
-      },
-      "font": {
-        "default": {
-          "value": {
-            "fontFamily": "{font-family.default}",
-            "fontWeight": "Regular",
-            "lineHeight": "{line-height.m}",
-            "fontSize": "{font-size.m}",
-            "textDecoration": "Underline"
-          },
-          "type": "typography"
-        },
-        "hint-text": {
-          "value": "{font.body.m-400}",
-          "type": "typography"
-        },
-        "inverse": {
-          "default": {
-            "value": {
-              "fontFamily": "{font-family.default}",
-              "fontWeight": "Regular",
-              "lineHeight": "{line-height.m}",
-              "fontSize": "{font-size.m}",
-              "textDecoration": "none"
-            },
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{link.font.default}",
-            "type": "typography"
-          }
-        }
-      },
-      "size": {
-        "min-height": {
-          "value": "{size.s}",
-          "type": "sizing"
-        }
-      }
-    }
-  },
-  "component/ontwikkeling/card": {
-    "card": {
-      "space": {
-        "gap": {
-          "value": "{space.3-x}",
-          "type": "spacing"
-        },
-        "content": {
-          "gap": {
-            "icon-left": {
-              "value": "{space.2-x}",
-              "type": "spacing"
-            },
-            "icon-top": {
-              "value": "{space.1-x}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "font": {
-        "body": {
-          "value": "{font.body.m-400}",
-          "type": "typography"
-        },
-        "title": {
-          "value": "{font.heading.level-2.700}",
-          "type": "typography"
-        }
-      },
-      "icon-size": {
-        "value": "64px",
-        "type": "sizing"
-      }
-    }
-  },
-  "dark-mode/semantic": {
-    "color": {
-      "foreground": {
-        "value": "{color.grijs.100}",
-        "type": "color"
-      },
-      "background": {
-        "value": "{color.grijs.700}",
-        "type": "color"
-      },
-      "border": {
-        "value": "{color.grijs.500}",
-        "type": "color"
-      },
-      "canvas": {
-        "value": "{color.zwart}",
-        "type": "color",
-        "description": "component-token"
-      },
-      "onEmphasis": {
-        "foreground": {
-          "value": "{color.wit}",
-          "type": "color"
-        }
-      },
-      "subdued": {
-        "foreground": {
-          "value": "{color.grijs.400}",
-          "type": "color"
-        },
-        "background": {
-          "value": "{color.grijs.800}",
-          "type": "color"
-        },
-        "border": {
-          "value": "{color.grijs.600}",
-          "type": "color"
-        }
-      },
-      "hover": {
-        "background": {
-          "value": "{color.grijs.600}",
-          "type": "color"
-        }
-      },
-      "brand": {
-        "default": {
-          "value": "{color.violet.300}",
-          "type": "color"
-        },
-        "subdued": {
-          "value": "{color.violet.200}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.violet.400}",
-          "type": "color"
-        }
-      },
-      "feedback": {
-        "info": {
-          "subdued": {
-            "value": "{color.hemelblauw.200}",
-            "type": "color"
-          }
-        },
-        "error": {
-          "subdued": {
-            "value": "{color.rood.200}",
-            "type": "color"
-          }
-        },
-        "warning": {
-          "subdued": {
-            "value": "{color.donkergeel.200}",
-            "type": "color"
-          }
-        },
-        "success": {
-          "subdued": {
-            "value": "{color.groen.200}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "space": {
-      "inline": {
-        "icon": {
-          "value": "{space.105-x}",
-          "type": "spacing"
-        }
-      }
-    }
-  },
-  "dark-mode/component": {
-    "button": {
-      "color": {
-        "tertiary": {
-          "hover": {
-            "background": {
-              "value": "{color.hover.background}",
-              "type": "color"
-            },
-            "foreground": {
-              "value": "{button.color.tertiary.foreground}",
-              "type": "color"
-            }
-          },
-          "foreground": {
-            "value": "{color.foreground}",
-            "type": "color"
-          }
-        },
-        "secondary": {
-          "hover": {
-            "foreground": {
-              "value": "{button.color.secondary.foreground}",
-              "type": "color"
-            },
-            "background": {
-              "value": "{color.hover.background}",
-              "type": "color"
-            },
-            "border": {
-              "value": "{button.color.secondary.border}",
-              "type": "color"
-            }
-          },
-          "foreground": {
-            "value": "{color.foreground}",
+            "value": "{logius.color.none}",
+            "type": "color"
+          },
+          "foreground": {
+            "value": "{logius.color.foreground}",
             "type": "color"
           },
-          "border": {
-            "value": "{color.border}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "alert": {
-      "color": {
-        "foreground": {
-          "value": "{color.grijs.700}",
-          "type": "color"
-        }
-      }
-    },
-    "forms": {
-      "control": {
-        "color": {
           "active": {
-            "fill": {
-              "value": "{color.foreground}",
+            "foreground": {
+              "value": "{logius.color.onEmphasis.foreground}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{logius.color.brand.default}",
               "type": "color"
             }
+          },
+          "hover": {
+            "background": {
+              "value": "{logius.color.hover.background}",
+              "type": "color"
+            }
+          }
+        },
+        "font": {
+          "value": "{font.body.m-400}",
+          "type": "typography"
+        },
+        "active": {
+          "font": {
+            "value": "{font.body.m-700}",
+            "type": "typography"
           }
         }
+      },
+      "hit-area": {
+        "size": {
+          "value": "44",
+          "type": "sizing"
+        }
       }
-    },
+    }
+  },
+  "component/link": {
     "link": {
       "color": {
         "foreground": {
-          "value": "{color.donkerblauw.200}",
+          "value": "{logius.color.donkerblauw.300}",
+          "type": "color"
+        },
+        "hint-text": {
+          "value": "{logius.color.subdued.foreground}",
           "type": "color"
         },
         "hover": {
           "foreground": {
-            "value": "{color.donkerblauw.100}",
+            "value": "{logius.color.donkerblauw.400}",
+            "type": "color"
+          }
+        },
+        "inverse": {
+          "foreground": {
+            "value": "{logius.color.onEmphasis.foreground}",
             "type": "color"
           }
         }
+      },
+      "space": {
+        "vertical-padding": {
+          "value": "{logius.space.compensation-height.small}",
+          "type": "spacing"
+        },
+        "horizontal-padding": {
+          "value": "{logius.space.0-x}",
+          "type": "spacing"
+        },
+        "gap": {
+          "value": "{logius.space.05-x}",
+          "type": "spacing"
+        },
+        "compensation-height": {
+          "value": "{logius.space.compensation-height.icon}",
+          "type": "spacing"
+        }
+      },
+      "icon-size": {
+        "value": "{logius.icon-size.default}",
+        "type": "sizing"
+      },
+      "font": {
+        "default": {
+          "value": {
+            "fontFamily": "{logius.font-family.default}",
+            "fontWeight": "Regular",
+            "lineHeight": "{logius.font.line-height.m}",
+            "fontSize": "{logius.font-size.m}",
+            "textDecoration": "Underline"
+          },
+          "type": "typography"
+        },
+        "hint-text": {
+          "value": "{font.body.m-400}",
+          "type": "typography"
+        },
+        "inverse": {
+          "default": {
+            "value": {
+              "fontFamily": "{logius.font-family.default}",
+              "fontWeight": "Regular",
+              "lineHeight": "{logius.font.line-height.m}",
+              "fontSize": "{logius.font-size.m}",
+              "textDecoration": "none"
+            },
+            "type": "typography"
+          },
+          "hover": {
+            "value": "{link.font.default}",
+            "type": "typography"
+          }
+        }
+      },
+      "size": {
+        "min-height": {
+          "value": "{logius.size.s}",
+          "type": "sizing"
+        }
+      }
+    }
+  },
+  "component/ontwikkeling/card": {
+    "card": {
+      "space": {
+        "gap": {
+          "value": "{logius.space.3-x}",
+          "type": "spacing"
+        },
+        "content": {
+          "gap": {
+            "icon-left": {
+              "value": "{logius.space.2-x}",
+              "type": "spacing"
+            },
+            "icon-top": {
+              "value": "{logius.space.1-x}",
+              "type": "spacing"
+            }
+          }
+        }
+      },
+      "font": {
+        "body": {
+          "value": "{font.body.m-400}",
+          "type": "typography"
+        },
+        "title": {
+          "value": "{font.heading.level-2.700}",
+          "type": "typography"
+        }
+      },
+      "icon-size": {
+        "value": "64px",
+        "type": "sizing"
       }
     }
   },
-  "breakpoint/vp-lg": {},
   "breakpoint/vp-md": {
     "space": {
       "sheet": {
-        "value": "{space.3-x} {space.3-x} {space.3-x} {space.3-x}",
+        "value": "{logius.space.3-x} {logius.space.3-x}",
         "type": "spacing"
       }
     }
   },
-  "breakpoint/vp-sm": {},
   "breakpoint/vp-xs": {
     "font-size": {
       "s": {
@@ -1837,7 +1666,7 @@
       "control": {
         "size": {
           "min-height": {
-            "value": "{size.m}",
+            "value": "{logius.size.m}",
             "type": "sizing"
           }
         },
@@ -1856,7 +1685,7 @@
         "control": {
           "space": {
             "vertical-padding": {
-              "value": "{space.1-x}",
+              "value": "{logius.space.1-x}",
               "type": "spacing"
             },
             "position": {
@@ -1876,7 +1705,7 @@
         "menu-item": {
           "space": {
             "vertical-padding": {
-              "value": "{space.105-x}",
+              "value": "{logius.space.105-x}",
               "type": "spacing"
             }
           }
@@ -1886,7 +1715,7 @@
     "link": {
       "size": {
         "min-height": {
-          "value": "{size.m}",
+          "value": "{logius.size.m}",
           "type": "sizing"
         }
       }
@@ -1894,7 +1723,7 @@
     "alert": {
       "space": {
         "vertical-padding": {
-          "value": "{space.105-x}",
+          "value": "{logius.space.105-x}",
           "type": "spacing"
         }
       }
@@ -1902,28 +1731,28 @@
     "space": {
       "compensation-height": {
         "small": {
-          "value": "{space.105-x}",
+          "value": "{logius.space.105-x}",
           "type": "spacing",
           "description": "Eigenlijk is dit een min-height van 48px met 8px padding ipv 12. Nu gebruiken we hier 12 omdat dat samen met de fontsize hier 48p hoogte behaald."
         },
         "icon": {
-          "value": "{space.05-x}",
+          "value": "{logius.space.05-x}",
           "type": "spacing"
         }
       },
       "sheet": {
-        "value": "{space.3-x} {space.2-x} {space.3-x} {space.2-x}",
+        "value": "{logius.space.3-x} {logius.space.2-x}",
         "type": "spacing"
       },
       "listItem": {
-        "value": "{space.105-x}",
+        "value": "{logius.space.105-x}",
         "type": "spacing"
       }
     },
     "card": {
       "space": {
         "gap": {
-          "value": "{space.2-x}",
+          "value": "{logius.space.2-x}",
           "type": "spacing"
         }
       },
@@ -1933,20 +1762,191 @@
       }
     }
   },
-  "MO/semantic": {
-    "color": {
-      "brand": {
-        "default": {
-          "value": "{color.hemelblauw.300}",
+  "dark-mode/semantic": {
+    "logius": {
+      "color": {
+        "foreground": {
+          "value": "{logius.color.grijs.100}",
           "type": "color"
         },
-        "hover": {
-          "value": "{color.hemelblauw.400}",
+        "background": {
+          "value": "{logius.color.grijs.700}",
+          "type": "color"
+        },
+        "border": {
+          "value": "{logius.color.grijs.500}",
           "type": "color"
         },
+        "canvas": {
+          "value": "{logius.color.zwart}",
+          "type": "color",
+          "description": "component-token"
+        },
+        "onEmphasis": {
+          "foreground": {
+            "value": "{logius.color.wit}",
+            "type": "color"
+          }
+        },
         "subdued": {
-          "value": "{color.donkerblauw.100}",
+          "foreground": {
+            "value": "{logius.color.grijs.400}",
+            "type": "color"
+          },
+          "background": {
+            "value": "{logius.color.grijs.800}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{logius.color.grijs.600}",
+            "type": "color"
+          }
+        },
+        "hover": {
+          "background": {
+            "value": "{logius.color.grijs.600}",
+            "type": "color"
+          }
+        },
+        "brand": {
+          "default": {
+            "value": "{logius.color.violet.300}",
+            "type": "color"
+          },
+          "subdued": {
+            "value": "{logius.color.violet.200}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{logius.color.violet.400}",
+            "type": "color"
+          }
+        },
+        "feedback": {
+          "info": {
+            "subdued": {
+              "value": "{logius.color.hemelblauw.200}",
+              "type": "color"
+            }
+          },
+          "error": {
+            "subdued": {
+              "value": "{logius.color.rood.200}",
+              "type": "color"
+            }
+          },
+          "warning": {
+            "subdued": {
+              "value": "{logius.color.donkergeel.200}",
+              "type": "color"
+            }
+          },
+          "success": {
+            "subdued": {
+              "value": "{logius.color.groen.200}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    }
+  },
+  "dark-mode/component": {
+    "button": {
+      "color": {
+        "tertiary": {
+          "hover": {
+            "background": {
+              "value": "{logius.color.hover.background}",
+              "type": "color"
+            },
+            "foreground": {
+              "value": "{button.color.tertiary.foreground}",
+              "type": "color"
+            }
+          },
+          "foreground": {
+            "value": "{logius.color.foreground}",
+            "type": "color"
+          }
+        },
+        "secondary": {
+          "hover": {
+            "foreground": {
+              "value": "{button.color.secondary.foreground}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{logius.color.hover.background}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{button.color.secondary.border}",
+              "type": "color"
+            }
+          },
+          "foreground": {
+            "value": "{logius.color.foreground}",
+            "type": "color"
+          },
+          "border": {
+            "value": "{logius.color.border}",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "alert": {
+      "color": {
+        "foreground": {
+          "value": "{logius.color.grijs.700}",
+          "type": "color"
+        }
+      }
+    },
+    "forms": {
+      "control": {
+        "color": {
+          "active": {
+            "fill": {
+              "value": "{logius.color.foreground}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "link": {
+      "color": {
+        "foreground": {
+          "value": "{logius.color.donkerblauw.200}",
           "type": "color"
+        },
+        "hover": {
+          "foreground": {
+            "value": "{logius.color.donkerblauw.100}",
+            "type": "color"
+          }
+        }
+      }
+    }
+  },
+  "MO/semantic": {
+    "logius": {
+      "color": {
+        "brand": {
+          "default": {
+            "value": "{logius.color.hemelblauw.300}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{logius.color.hemelblauw.400}",
+            "type": "color"
+          },
+          "subdued": {
+            "value": "{logius.color.donkerblauw.100}",
+            "type": "color"
+          }
         }
       }
     }
@@ -1955,26 +1955,28 @@
     "input": {
       "size": {
         "height": {
-          "value": "{size.s}",
+          "value": "{logius.size.s}",
           "type": "sizing"
         }
       }
     }
   },
   "DD/semantic": {
-    "color": {
-      "brand": {
-        "default": {
-          "value": "{color.oranje.300}",
-          "type": "color"
-        },
-        "subdued": {
-          "value": "{color.oranje.100}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.oranje.400}",
-          "type": "color"
+    "logius": {
+      "color": {
+        "brand": {
+          "default": {
+            "value": "{logius.color.oranje.300}",
+            "type": "color"
+          },
+          "subdued": {
+            "value": "{logius.color.oranje.100}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{logius.color.oranje.400}",
+            "type": "color"
+          }
         }
       }
     }
@@ -1984,7 +1986,7 @@
       "font": {
         "primary": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "Bold",
             "lineHeight": "28",
             "fontSize": "19"
@@ -1993,7 +1995,7 @@
         },
         "secondary": {
           "value": {
-            "fontFamily": "{font-family.default}",
+            "fontFamily": "{logius.font-family.default}",
             "fontWeight": "{button.font-weight}",
             "lineHeight": "28",
             "fontSize": "18"
@@ -2004,11 +2006,11 @@
       "color": {
         "secondary": {
           "border": {
-            "value": "{color.border}",
+            "value": "{logius.color.border}",
             "type": "color"
           },
           "foreground": {
-            "value": "{color.foreground}",
+            "value": "{logius.color.foreground}",
             "type": "color"
           },
           "hover": {
@@ -2017,27 +2019,27 @@
               "type": "color"
             },
             "foreground": {
-              "value": "{color.foreground}",
+              "value": "{logius.color.foreground}",
               "type": "color"
             },
             "background": {
-              "value": "{color.hover.background}",
+              "value": "{logius.color.hover.background}",
               "type": "color"
             }
           }
         },
         "tertiary": {
           "foreground": {
-            "value": "{color.foreground}",
+            "value": "{logius.color.foreground}",
             "type": "color"
           },
           "hover": {
             "foreground": {
-              "value": "{color.foreground}",
+              "value": "{logius.color.foreground}",
               "type": "color"
             },
             "background": {
-              "value": "{color.hover.background}",
+              "value": "{logius.color.hover.background}",
               "type": "color"
             }
           }
@@ -2049,17 +2051,17 @@
         "color": {
           "hover": {
             "border": {
-              "value": "{color.foreground}",
+              "value": "{logius.color.foreground}",
               "type": "color"
             },
             "fill": {
-              "value": "{color.subdued.foreground}",
+              "value": "{logius.color.subdued.foreground}",
               "type": "color"
             }
           },
           "active": {
             "fill": {
-              "value": "{color.foreground}",
+              "value": "{logius.color.foreground}",
               "type": "color"
             }
           }
@@ -2070,7 +2072,7 @@
           "color": {
             "active": {
               "background": {
-                "value": "{color.foreground}",
+                "value": "{logius.color.foreground}",
                 "type": "color"
               }
             }
@@ -2083,7 +2085,7 @@
     "button": {
       "font": {
         "value": {
-          "fontFamily": "{font-family.default}",
+          "fontFamily": "{logius.font-family.default}",
           "fontWeight": "Bold",
           "lineHeight": "32",
           "fontSize": "20"
@@ -2094,289 +2096,77 @@
     "dd-component": {
       "stepwizard": {
         "background": {
-          "value": "{color.background}",
+          "value": "{logius.color.background}",
           "type": "color"
         },
         "border": {
-          "value": "{color.subdued.border}",
+          "value": "{logius.color.subdued.border}",
           "type": "color"
         },
         "background-hover": {
-          "value": "{color.hover.background}",
-          "type": "color"
-        },
-        "label-color": {
-          "value": "{color.subdued.foreground}",
-          "type": "color"
-        },
-        "text": {
-          "value": "{color.foreground}",
-          "type": "color"
-        }
-      }
-    },
-    "layout": {
-      "stepwizard": {
-        "open": {
-          "value": {
-            "verticalPadding": "24",
-            "horizontalPadding": "24",
-            "spacing": "16",
-            "borderRadius": "4",
-            "borderWidth": "2",
-            "border": "{dd-component.stepwizard.border}"
-          },
-          "type": "composition"
-        },
-        "closed": {
-          "value": {
-            "verticalPadding": "12",
-            "horizontalPadding": "24"
-          },
-          "type": "composition"
-        }
-      }
-    }
-  },
-  "Digitoegankelijk": {
-    "common": {
-      "wcag-state": {
-        "a": {
-          "value": "{color.groen.300}",
-          "type": "color"
-        },
-        "b": {
-          "value": "{color.mintgroen.300}",
-          "type": "color"
-        },
-        "c": {
-          "value": "{color.donkergeel.300}",
-          "type": "color"
-        },
-        "d": {
-          "value": "{color.oranje.300}",
-          "type": "color"
-        },
-        "e": {
-          "value": "{color.rood.300}",
+          "value": "{logius.color.hover.background}",
           "type": "color"
-        }
-      }
-    }
-  },
-  "DD/header": {
-    "header": {
-      "color": {
-        "background": {
-          "value": "{color.background}",
-          "type": "color"
-        },
-        "foreground": {
-          "value": "{color.foreground}",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "$themes": [
-    {
-      "id": "4508827a60c21ccbc345991cd8fb0f731018bf98",
-      "name": "Foundation Dark",
-      "selectedTokenSets": {
-        "component/button": "enabled",
-        "dark-mode/component": "enabled",
-        "core": "enabled",
-        "semantic": "enabled",
-        "component/alert": "enabled",
-        "component/forms": "enabled",
-        "dark-mode/semantic": "enabled",
-        "component/pagination": "enabled",
-        "component/link": "enabled"
-      },
-      "$figmaStyleReferences": {}
-    },
-    {
-      "id": "89efde731b340b1c335cabd41549f3f8ffd148e5",
-      "name": "Digitoegankelijk",
-      "selectedTokenSets": {
-        "Digitoegankelijk": "enabled",
-        "component/button": "enabled",
-        "core": "enabled",
-        "semantic": "enabled",
-        "component/alert": "enabled",
-        "component/forms": "enabled",
-        "component/pagination": "enabled",
-        "component/link": "enabled"
-      },
-      "$figmaStyleReferences": {
-        "common.neutral.text": "S:ee6373076460d4e83516baf4cd2e09fbeb88da5e,",
-        "common.neutral.text-weak": "S:90023d4247e5a3da6347c581816e85037408aa19,",
-        "common.neutral.text-link": "S:223acca4ebfe74b7825c65e6be1d15c228d8d3af,",
-        "common.neutral.background": "S:580b5c8b9fed93a5bec1bcd37d936f7979e83de8,",
-        "common.neutral.background-medium": "S:58374bcd4f439ae23e11fd61267205489fd199f2,",
-        "common.neutral.background-hover": "S:8a0b18f63bcfb2d8698244cf729998434ca8641a,",
-        "common.neutral.border": "S:13b1a4dae0f19282905f4f4576e8b06033b5138f,",
-        "common.neutral.border-weak": "S:ea2ef4ed88f10e6b967d2b14e1f71c77c713d89b,",
-        "common.neutral.border-strong": "S:ae5530baca7cfd177b16e62c82fb21920a967130,",
-        "common.neutral.icon": "S:98e90a352aacef999eab5be8aec3d784d4e82ea9,",
-        "common.neutral.icon-link": "S:269748d29828dfa9f26d35f4bb494fcc51443dea,",
-        "common.disabled.text": "S:901d8b5d46b16e9a37bed63522d6399350216c3d,",
-        "common.disabled.border": "S:b4e1e2413e3c853e2aaacc26c462b8fab6deb526,",
-        "common.disabled.icon": "S:30192dd88b9aaf68e4c665588607a23efb31b13f,",
-        "common.disabled.background": "S:4ffb55fb901618c07dd69e42cbdc500b058c095a,",
-        "common.inverse.text": "S:a6f5dab6ea4430490fb7d3249fc1322bd13b0b35,",
-        "common.inverse.text-link": "S:a7c8558de72366d7314104de6a7c10aa9b9308fc,",
-        "common.inverse.background": "S:f4bd51e99f8c0cd0c89be427ad1d53d85c6d5bf5,",
-        "common.inverse.icon": "S:19e72abcef3982f8bc8dc3b43f1781e2a1ee2489,",
-        "common.success.background": "S:8e4ee0e9a692847f42710894bfed43ee7bed0c07,",
-        "common.success.text": "S:41dacece91d3f74b5378884e3d91557d89fb7d06,",
-        "common.success.icon-background": "S:9764668c85208274e971d5044df0e0f381a9fb2f,",
-        "common.info.background": "S:cf335ac30caca5aacafe110a4ad9f3a47f7bd1db,",
-        "common.info.icon-background": "S:6927e36ca239c247499030529ec0c77fd5d879f4,",
-        "common.error.background": "S:1e8fc694d921332be4a1aac4973c800a83849e31,",
-        "common.error.border": "S:3757d07e1439e520210a85f75f48bf1d8c223c55,",
-        "common.error.text": "S:691b38c9bcaf41fdc4e6d1e302e9bde5c464a561,",
-        "common.error.icon-background": "S:fd23a07c6576ea2862786eb3f8672c1f57b73564,",
-        "common.warning.background": "S:eb9036886d160ef52422dda17a1dc08f2f1304da,",
-        "common.warning.icon-background": "S:719c5d272270d7a425340f426d0b31a659d04fd6,",
-        "common.highlight.base": "S:72e8ed51f7c21b59d5439885e1e250f8a110e011,",
-        "common.highlight.hover": "S:09da211e686fa869fd606ead51e0309ed1dbea7c,",
-        "common.highlight.text": "S:7828abfc57d544d94a266648b8d73f0ca32bfd0e,",
-        "common.highlight.text-hover": "S:2d06e3eadf1f110938e55a15a88507f1c8ac3dd1,",
-        "common.highlight.background": "S:4ab4184a0a371073db694d97bc9ec0f528783522,",
-        "common.highlight.background-hover": "S:708ae3e963832ea5176312af2e079cbd506688a7,",
-        "common.highlight.icon": "S:81d2f9787a8f011443e26a1bbdb60872a12f219c,",
-        "common.highlight.icon-hover": "S:0b2c8005984d49d326348e926394cfb6a134795c,",
-        "common.highlight.border": "S:02dbf8114cea296ccf1d7c517f166eca85786932,",
-        "component.button.primary.text": "S:388e7060dfb708f4b7d833af1cf6341786a021b0,",
-        "component.button.primary.text-hover": "S:7694604e0ecd162c620547ef467623b4fa88aacb,",
-        "component.button.primary.text-disabled": "S:862ed073faecdc64a72d612ead7040fdfb8640ea,",
-        "component.button.primary.background": "S:e0572edf4073e917178a9090144f2976de4bc5dd,",
-        "component.button.primary.background-hover": "S:0afdb69c0ba373a964c80eb3b2b4954627bfa8b4,",
-        "component.button.primary.background-disabled": "S:c0ab18c13a0629edc8936ea882cfa40c67787a51,",
-        "component.button.primary.icon": "S:ae74f0c92f122720cef9bb02b510eb795b3b7101,",
-        "component.button.primary.icon-hover": "S:920aba7d3c480dbeb184f3ab696313f2e3e5fc61,",
-        "component.button.primary.icon-disabled": "S:58f5b8055a17d6104d8acfefbf7f956b4c074400,",
-        "component.button.primary.border": "S:de2e75f30c306215491808dc4b0ce80cefca8c07,",
-        "component.button.primary.border-hover": "S:28f5b492a6d31e4efeb98820ba9fcbdd76acac56,",
-        "component.button.primary.border-disabled": "S:42f2444301e0715d36aff208e935ebfc56211305,",
-        "component.button.tertiary.text": "S:3cbe2e7352604d43024cd8cb5af2526174b2bd77,",
-        "component.button.tertiary.text-hover": "S:eba44c9f892d045a5018ee25d4a1753b75e0ba9a,",
-        "component.button.tertiary.text-disabled": "S:9aa6294e79f73c3a80b919579567c966f5fa1000,",
-        "component.button.tertiary.icon": "S:9f58ec044988eab779b9f9824012f9d3c1f1b361,",
-        "component.button.tertiary.icon-hover": "S:99f1e431629c585ddd25104aa81d5adac04f94be,",
-        "component.button.tertiary.icon-disabled": "S:e0c3f45e6b31dbbd38d69e8020c3c5c7e094ff11,",
-        "component.button.tertiary.background-hover": "S:008a5bb6ec93931de71f1325158747815a5d735b,",
-        "component.button.secondary.text": "S:96896829aa245c03c578d9e0030d5e632b193be9,",
-        "component.button.secondary.text-disabled": "S:d09c8ef0c7b9463e2eedcbc34738149789a41643,",
-        "component.button.secondary.background-hover": "S:cd4f1cba2395a412a7211f976fdee3b50b391388,",
-        "component.button.secondary.background-disabled": "S:790b4cfb353cde2ddbcd0a5d4669278bd6c0b100,",
-        "component.button.secondary.icon": "S:b40f627dc8e0194ad2fa890a8df4bcd1d6ed40a5,",
-        "component.button.secondary.icon-disabled": "S:64a658d91b418b4068f63252ba1f3d027ed21d55,",
-        "component.button.secondary.border-disabled": "S:fcad74d4427060164539e7554ec4afc222459cdd,",
-        "component.input.text": "S:e0e95dadcc77b916407eddde14bda4932331cc7d,",
-        "component.input.text-placeholder": "S:e5199f723db470f4c39c2dae0da2b564a6cbf1fa,",
-        "component.input.text-disabled": "S:9747b2fec208599820198acc828a5102f6a656d8,",
-        "component.input.border": "S:a1ea7bc180eb7d5b3e8437bb30672578008a6eb2,",
-        "component.input.border-error": "S:cf6b22739a91e180ebf12f61f2384acf5605aec4,",
-        "component.input.border-disabled": "S:5fbbe56e4dd34f888ae88d3a1c7029fa702bd9cd,",
-        "component.input.border-focus": "S:c9217836389c1daca58ae745e93048ce59997325,",
-        "component.input.background": "S:e6468810e292b6123e2831edbd1070c696befc75,",
-        "component.input.background-disabled": "S:d792793d2e39eadcd7941c07e46b652df901e20a,",
-        "component.input.hint": "S:969fe7f045eb3f238f7ab3090983663103392f43,",
-        "component.input.icon": "S:885098337d357aaab176e4754f01b9c96115c2d1,",
-        "component.input.icon-error": "S:4308617979355258583759bbe786cc4a5466d772,",
-        "component.input.label": "S:013791159bcfe23113cbace6a78032d2169bb760,",
-        "component.input.label-disabled": "S:8b2d5eeb643f07ab90b28f3537f76ccf80776e0b,",
-        "component.input.label-error": "S:8815018d4022cfd3907253682413725699848be1,",
-        "component.input.controls.border": "S:f6e3add9967c5765fb031f3f017512805d0d00e4,",
-        "component.input.controls.border-hover": "S:1e83a0ceb5160e2ad84756e7e7eddbb0d586032e,",
-        "component.input.controls.border-disabled": "S:06641f0872b44383b96a4ac3f52c5ab88789218a,",
-        "component.input.controls.fill": "S:4e51a642b41c7a0f27c3f97215e894e012d1a265,",
-        "component.input.controls.fill-disabled": "S:a0138c6fef3f601c7bd681983af6c0aec067f59e,",
-        "component.input.controls.icon": "S:9399b1713f14a619977c603000f1b1aa47ed32ac,",
-        "base.grey.100": "S:5b34b3775531df52c35b3d77b3cfc15a020c58d5,",
-        "base.grey.200": "S:15e35b3ddfc496d2d7b56a07b43ed7367769aba0,",
-        "base.grey.300": "S:6a878d083da4ccbbc914a23b30d9919a2f9b4235,",
-        "base.grey.400": "S:8f94a7bcc808c03cb2f57f9a8b6a04cea8e99b9b,",
-        "base.grey.500": "S:ec259d615c2c26aad0be7cdd4ddb80d7d1bacd78,",
-        "base.grey.600": "S:52309deaaa60e20def34fdbf99bddec63ea5acf9,",
-        "base.neutral.black": "S:05bb7176bbec9d1422280b187c0da51acaf53297,",
-        "base.neutral.white": "S:4dbb181f1bc4e6c5e32f7b3174a494405fee62dd,",
-        "base.lichtblauw.100": "S:4c6b99014dc696846b9fd94134e8d2bb4dcac475,",
-        "base.lichtblauw.200": "S:9f944c36fbf1214e3d767b2e803b51e7cada11dd,",
-        "base.lichtblauw.300": "S:861e0f0745663472d358ae1f6d9c72a9ec3e2a06,",
-        "base.violet.100": "S:68c2eb7a064584ecdc8eec496f293280e4d51ae1,",
-        "base.violet.200": "S:c6ef6188751399a2500efe4cce39da65742e5b81,",
-        "base.violet.300": "S:58e34b17f3539ff4b3c9f580d37bffcaf4549a66,",
-        "base.paars.100": "S:227e4a6a6535facdbd30efebd2a7f6c7ba8974d5,",
-        "base.paars.200": "S:e05f62fbabca3fa80ac6d1cf95a64910d3d9c22a,",
-        "base.paars.300": "S:43718e30c446fe3a80487eeaab77b90b6e139386,",
-        "base.hemelblauw.100": "S:6ab63e1ce936922d6510cc8f084698374347b7f5,",
-        "base.hemelblauw.200": "S:59e701d8dda9c4197b53454ce8102851366fc8a2,",
-        "base.hemelblauw.300": "S:cf6b28b74d373c28c5acca3d42a8a16d6a9ab933,",
-        "base.hemelblauw.400": "S:8aad723dce5d2e75cf75ce8c6f680d25089212b6,",
-        "base.donkerblauw.100": "S:a366ccda9d8ce4161418fecef3f210b1511fdc7a,",
-        "base.donkerblauw.200": "S:617561c59e7f0f49eeb5650193abf6bfa3fce7a0,",
-        "base.donkerblauw.300": "S:b48ec63faffcf09048289088a5ce1bbd5a27591f,",
-        "base.mintgroen.100": "S:0cbfb6555ec120811e6369406fd1cdb39f7243e3,",
-        "base.mintgroen.200": "S:bc729eff4254ebdc5c621ebd117677696f913102,",
-        "base.mintgroen.300": "S:8ddc3c13cede46956ba8e37c7f924a8b87be153c,",
-        "base.mosgroen.100": "S:a0130b47797e153143d4f0e793397a916c240bac,",
-        "base.mosgroen.200": "S:f512bf9df249a5db33ac3de53e8663a343022934,",
-        "base.mosgroen.300": "S:3bc0504a5c0698bf69ce35c77fd964fd558d6245,",
-        "base.groen.100": "S:f6fe4c69a539f4cecdfbdbbc6d236db1198eb0ce,",
-        "base.groen.200": "S:ff7516115b82d1a435ba8ce64e60bc091effba1f,",
-        "base.groen.300": "S:9f1504618f0ce3b366dfcc82cbf5ad7d8625e242,",
-        "base.donkergroen.100": "S:f7ed43fbc1472d9bd46ec81228d58762cde9fb03,",
-        "base.donkergroen.200": "S:68251edfa33def7afd1f6adb1f4bf1dc191c620c,",
-        "base.donkergroen.300": "S:3852b8d79d18c5ce8021cebd7fe9c6da40643fe4,",
-        "base.bruin.100": "S:016797db4a37d19b2ac8fdcc4344565e13d55721,",
-        "base.bruin.200": "S:685b3571e87f3b59a0053ffc005a56a5577db8a8,",
-        "base.bruin.300": "S:e6cb848b2d36e0da318f2890985abfe66d0c8d90,",
-        "base.donkerbruin.100": "S:4b8baabbba9c4b422df4ce967b6ebb521c6d1621,",
-        "base.donkerbruin.200": "S:21321ad69a10afe972f0f0ccad3d4f4d172beb59,",
-        "base.donkerbruin.300": "S:7dbed0273455508cee46feff79437a8b2f5fdf77,",
-        "base.geel.100": "S:ff5f5ce0c6df74dbffa3d46adcbbd63946ee1633,",
-        "base.geel.200": "S:e0cc26fe44bd334f305c842cf2493d04fb15f8f8,",
-        "base.geel.300": "S:e3d7a7a6977113d1d4b8cf27badfeca7ddbe8058,",
-        "base.donkergeel.100": "S:312f84c4f08bb0ca8d04c89fc5819fa9f172f3bc,",
-        "base.donkergeel.200": "S:1326e478b795f2de3e837188d57958c1fc3f55cc,",
-        "base.donkergeel.300": "S:b1fd1a1bc051f6b1854d504c630682a4d3ba04b4,",
-        "base.oranje.100": "S:c15dce56d70b2d4cf6a117a91c0705154b18555e,",
-        "base.oranje.200": "S:b8d39de44a9b0b76846a526417793d5722977904,",
-        "base.oranje.300": "S:2b4ddf70de1aebdc11703bba1954a86fad7ecacb,",
-        "base.oranje.400": "S:5329a376889e98223e7a7cceb8020917e7f3e50c,",
-        "base.rood.100": "S:eff4169f1bf5684384794452d17e8eed7b3278ce,",
-        "base.rood.200": "S:756bcab55579978ffcac835286a2debd6cef77b4,",
-        "base.rood.300": "S:123d3bf2eae4a2d136cecff0c9eb6e8a68d1a6e1,",
-        "base.roze.100": "S:7335b18350dc235b06f8476a50b971816d7450a2,",
-        "base.roze.200": "S:3f4a1060fd54efb6ff418784f4da44ef20b54808,",
-        "base.roze.300": "S:57e8049a5ab3c18585995d56f2ccd025068aac5f,",
-        "base.robijnrood.100": "S:2c948c5c0783bf414a0b05ed6b6fb1ce765b6400,",
-        "base.robijnrood.200": "S:ed65e2c1dbdbea42402bd76b9ea3054faaa51ae9,",
-        "base.robijnrood.300": "S:f14c7e7c36a03e3a6ad19e8388afaa46290c1d28,",
-        "common.wcag-state.a": "S:5243eec0b2971d045e2666f477cffa3698e0370d,",
-        "common.wcag-state.b": "S:9e221be3a403f39a6aa7ac454a5588b3fee74e9f,",
-        "common.wcag-state.c": "S:ec645f0f3ab5884ca9e5d7314fd943074486118a,",
-        "common.wcag-state.d": "S:974ea3185a3735637800878b1b76156a2cec99cc,",
-        "common.wcag-state.e": "S:01305597dde86cfa7a7429ca52b2ac85b463d8e1,",
-        "base.neutral.transparent": "S:9cf99b02763c6dae9397e4e21d86d595b4c7dbeb,",
-        "button.color.secondary.border": "S:e40446642324dda0b14fdb059e9c69a07214b0d3,",
-        "button.color.secondary.background": "S:84315fbb7ba7221e611653d64e4792b846c1f485,"
+        },
+        "label-color": {
+          "value": "{logius.color.subdued.foreground}",
+          "type": "color"
+        },
+        "text": {
+          "value": "{logius.color.foreground}",
+          "type": "color"
+        }
       }
     },
+    "layout": {
+      "stepwizard": {
+        "open": {
+          "value": {
+            "verticalPadding": "24",
+            "horizontalPadding": "24",
+            "spacing": "16",
+            "borderRadius": "4",
+            "borderWidth": "2",
+            "border": "{dd-component.stepwizard.border}"
+          },
+          "type": "composition"
+        },
+        "closed": {
+          "value": {
+            "verticalPadding": "12",
+            "horizontalPadding": "24"
+          },
+          "type": "composition"
+        }
+      }
+    }
+  },
+  "DD/header": {
+    "header": {
+      "color": {
+        "background": {
+          "value": "{logius.color.background}",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{logius.color.foreground}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "Digitoegankelijk": {},
+  "$themes": [
     {
       "id": "60315acb9c82133759580124c5ba7498dc1b3ce4",
       "name": "Foundation",
       "selectedTokenSets": {
         "component/button": "enabled",
-        "core": "enabled",
-        "semantic": "enabled",
         "component/alert": "enabled",
         "component/forms": "enabled",
         "component/pagination": "enabled",
-        "component/link": "enabled"
+        "component/link": "enabled",
+        "default/core": "source",
+        "default/semantic": "source"
       },
       "$figmaStyleReferences": {
         "body.s-400": "S:945b3429270c1a4418b1a976ab78a0d37a826e15,",
@@ -2590,13 +2380,8 @@
         "forms.input.color.error.icon": "S:3edce309496bc39dbf7e6da37307659d80dd2217,",
         "forms.input.color.focus.border": "S:676004ffec1277556984cd5263d443574381a29b,",
         "forms.input.color.focus.fill": "S:c2b9c481d22969f7c2891c3d9751a211ba764986,",
-        "forms.font.label": "S:ca69e76f55c92cebcf415e38a58e6c31b36acd58,",
-        "forms.font.hint-text": "S:28c38a6fe7bf612937d33b6edbdd32b52fe9a0e4,",
-        "forms.color.hint-text": "S:ab98f0f17ad71f0bc7885c378e7407825506a1aa,",
         "forms.input.color.disabled.fill": "S:a0b20670aff481c7e7c2a7ec0f1c59d5196ff00a,",
         "forms.input.color.selected.fill": "S:07782ec3dd2ab05f1541bad2b6d6d2bd65d16d21,",
-        "button.color.primary.border": "S:7ede6de2be6b6b20da837a0f971ca641a918b8d0,",
-        "button.color.secondary.disabled.border": "S:b13dbdec0e131d819936cd6cd9bd01fe1affa59f,",
         "color.brand.subdued": "S:39b320645f4d4129756f48b07ec583d969a0c6f8,",
         "color.grijs.100": "S:4607b2ad510b99aea7c64708b7378729920e0ffb,",
         "color.grijs.200": "S:d4736f6384415f28c3b68233832cd771e4c8ae55,",
@@ -2657,30 +2442,10 @@
         "color.robijnrood.100": "S:8daff45c990c4f8d43ef4e5e7e637f41e91d39fe,",
         "color.robijnrood.200": "S:0415fb3fcf2eecc3351c2e4af23640a0e76393c6,",
         "color.robijnrood.300": "S:6f7ebd85ab4f9c4185c3c2ecd97e7614ef555c7d,",
-        "alert.font.title": "S:dfc9adb230a4b38f5f5dffc6518beb415cfa3df7,",
-        "alert.font.text": "S:5f17627d37146953b1593f88fea5dfd8df0735c2,",
-        "forms.font.text": "S:88a893127f86870adb4cdd95ef09fd3464867fea,",
-        "font.body.s-400": "S:f1b60772b8c009726d0ffb3d52bd38a54ac1d4f7,",
-        "font.body.s-700": "S:28a11c79d6081acf624f4651265babcd9add1866,",
-        "font.body.m-400": "S:30fc43c85392d9f00e3231fc15bc25f8afcad924,",
-        "font.body.m-700": "S:b66dbd8a09e06532e324eb793b5abd14d90a33c9,",
-        "font.body.l-400": "S:b8ea4e2571200daa5978e354d0bef131ec510b28,",
-        "font.body.l-700": "S:55ac2ad68783689701c4a53a6ab04612f66f5d6b,",
-        "font.paragraph.default": "S:0cd52b5297d4498ccbcb86b0f34fb1d67618fd23,",
-        "font.paragraph.lead": "S:1bcea724784be6129061434bef172cdd5eaecf0f,",
-        "font.heading.level-4.700": "S:dac1951b6e5cb16c816b36595cc34d40089ea958,",
-        "font.heading.level-3.400": "S:8b36107166946b8a318f5cb876b81f906ffcebbc,",
-        "font.heading.level-3.700": "S:552e5f91521508f0568ac1c3e5fac807ca7e5883,",
-        "font.heading.level-2.400": "S:2a0a923baa8c227106908c8361ea31d31b018a59,",
-        "font.heading.level-2.700": "S:6bacf88f066e507e119a284b7b6a51f5b92fee12,",
-        "font.heading.level-1.400": "S:e85ddc4547d66154c39c49f7c9930bdbdadd5668,",
-        "font.heading.level-1.700": "S:a2e37e913049f54a084fbd60375519859c53b113,",
         "forms.input.color.hover.border": "S:98b318aa03ec7472933cfc2051a69a46fb7c8cba,",
         "color.violet.400": "S:2be63f22226b98bc9a0641e567f7c11a9d44b172,",
         "color.paars.400": "S:edb88942f97a0e0d28922a0a2fb1c8a4eb4818cd,",
         "color.donkergeel.400": "S:bdb58053e7eec2bbd2092f56c10c9fe0d24d182b,",
-        "button.color.secondary.border": "S:e3342febc04fdd5c2f3a19a6edb941fe7eb8087d,",
-        "button.color.secondary.hover.border": "S:daab80bdceafbdbe57a5c23521a57a7dfa000acb,",
         "color.rood.300": "S:561ddb8bc9efe95a89c68dd7d4d54abed772526a,",
         "color.rood.400": "S:e86bd705895d848d3fe48e78d221c758b62727c2,",
         "color.groen.300": "S:773d28d6ce2842cc1c22b2b1fb51ff7eb35be581,",
@@ -2688,75 +2453,28 @@
         "color.hemelblauw.400": "S:40f0c550dc86f1cea13aba0d5f691009b897c59f,",
         "color.zwart": "S:08b16ac78bafad6a925b0ea2389943278898ebfe,",
         "color.wit": "S:a0138b73dd5897f67cb9942dc7816820f53da34b,",
-        "forms.field.color.placeholder": "S:d1e89724020534530edf4eeb9f5260f8a262dea9,",
-        "forms.field.color.border": "S:d2ae43080a45b505f88a85b4fd7516272c535dc2,",
-        "forms.field.color.disabled.border": "S:eaf3c2efb34d9248e31d68b9b2b909f558b6119e,",
-        "forms.field.color.error.border": "S:0b28024694fea908c8015ca239712bfe70527fa0,",
-        "forms.field.color.error.icon": "S:706fc84b607fef113c89fe9cb24ac5140af2d470,",
-        "forms.field.color.active.border": "S:e23b9c711c8787d80a96220b53f2a984a123da7a,",
-        "forms.control.color.disabled.border": "S:463f9e77da478397155b408583a0d2eb9371805a,",
-        "forms.control.color.disabled.fill": "S:aaab852945eb1250bf9dd27a5e10a27995e1a82e,",
-        "forms.control.color.border": "S:e419fa6da06dbea21c761c1aac16378694e5fb53,",
-        "forms.control.color.error.border": "S:a9be80501bdeaf7f8946326d891c62c65578f9c5,",
-        "forms.control.color.hover.border": "S:bb4770fdf35f0b00a72451e41cb641fb26ee68e1,",
-        "forms.control.color.hover.fill": "S:17b9a2ce90fabac834a2743e37811f93246fc06c,",
-        "forms.control.color.active.fill": "S:87e9c1211535fd63bd6df5a0d1cfe5bf6cb14a52,",
-        "forms.menu.color.border": "S:ea1db51080f630bfb53e7209b99909f843cf2f36,",
         "color.donkerblauw.400": "S:5fb2e73be6bb12aeddbaf8fea3bf45393555afd8,",
-        "link.font.default": "S:29f786b3f2942bb13fb66c37081dc13ace856f95,",
-        "link.font.inverse.default": "S:80948981f5ec75bb2c04da76269826980a5d2892,",
-        "link.font.inverse.hover": "S:77a562fd361289bbd5277b02338bfbb12422a6a8,",
-        "pagination.number.font": "S:bef1a127a7520bf4171f0c94393a0c5fd1a9f51e,",
-        "pagination.number.active.font": "S:fa847e8794490169fa66d602c17d43efa145858d,",
-        "forms.font.selected": "S:9c35604e3e9e0eee9ad873b10e909bad0658ec1c,",
-        "forms.menu.shadow": "S:5e5aeff0e22ae626d91beab091cc2fea52fa87a1,",
         "shadow.default": "S:066be6a2f054efebd1942300c0b97ec568a3b83f,",
-        "link.color.hint-text": "S:101424f4fbc615d776591bb67549f9d4c3e21b51,",
-        "color.groen.400": "S:3f0afb77e4c24e13fb23e8536c1f3f89fef3ec1a,",
-        "button.color.primary.foreground": "S:b2a5d04eca4b7a5497239c1352fa68f37a8cd695,",
-        "button.color.primary.background": "S:495e799694bc6d2f3f37381c8d8909be91b6e329,",
-        "button.color.primary.hover.background": "S:1534381f0c8183f0453c47fb818015c2d893c8b9,",
-        "button.color.primary.disabled.background": "S:cd49272d9b7555b56c33a69f39758544fdcddff7,",
-        "button.color.tertiary.background": "S:78e1144c65463da902efdca7bc65a42cff3387c2,",
-        "button.color.tertiary.hover.background": "S:72e88a8653d04b6f171717be7d20fe22fc20948a,",
-        "button.color.secondary.background": "S:599268265bfe24e30a5e9c98c5437ebebabb3a39,",
-        "button.color.secondary.disabled.background": "S:a2885988298e868a3c5fd7da9d75d6ee89c4767a,",
-        "button.color.secondary.hover.background": "S:94e66f93283c9c7fc9dff17f0927e3e4c408dabc,",
-        "button.color.loading.foreground": "S:760b0034376a540dab8a1feb3adc9dbec2663b34,",
-        "button.color.secondary.hover.foreground": "S:799ee828d47143b6dfc50e8becc336d4d71986ea,",
-        "button.color.secondary.disabled.foreground": "S:cb9ff620d475455845d56fb5298d74ccdc893a16,",
-        "button.color.secondary.foreground": "S:40bd8ee59e56feadd589dcb7d369dbe2ca1687e2,",
-        "button.color.tertiary.disabled.foreground": "S:3de7db4feb611ecfdb1783d87ba47c9c43d8a3e4,",
-        "button.color.tertiary.hover.foreground": "S:1fc1044221601a34da686367b23df049a1710471,",
-        "button.color.tertiary.foreground": "S:24ea4cf2a48ca682797bb127ef0321a4b1d83557,",
-        "button.color.primary.disabled.foreground": "S:1abc461429b5f05056c536d4bbfce743b77ac1f7,",
-        "alert.color.foreground": "S:9fbd760e130a8c8f505e768996a4167bbf536358,",
-        "forms.color.foreground": "S:ca5f1dbf3d5572a52d16b3051ab165a749606fc8,",
-        "forms.field.color.disabled.foreground": "S:ff0db2503483118226307c9e72ca9fdf3c39ff61,",
-        "forms.control.color.disabled.foreground": "S:4abd16df7b72b431e3b93ecd9257cb9588efd4c6,",
-        "forms.datepicker.date.color.active.foreground": "S:9d6c9161e3eadb923a3940457b4a3cb5bba4a5a9,",
-        "forms.datepicker.date.color.disabled.foreground": "S:aa349aecaa14d838ef3a27a742adf002fe884d37,",
-        "pagination.number.color.active.foreground": "S:6d308cb693c9cbd6d2d1c3afca812aab013b6b12,",
-        "pagination.number.color.foreground": "S:ffecb8a3e33fdb1e92aa3c10bb72386225ebbf37,",
-        "link.color.foreground": "S:b4e46f15ac954a52b99c8177a1aebb544588d932,",
-        "link.color.hover.foreground": "S:41077b2dd47a9b312c0ab355f53a90603c58f26e,",
-        "link.color.inverse.foreground": "S:b522e032f43a4bdce604697a02787307cb212183,",
-        "button.font.primary": "S:831c495e375821e3fe5866993437b057f10c9a52,"
-      }
+        "color.groen.400": "S:3f0afb77e4c24e13fb23e8536c1f3f89fef3ec1a,"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:339",
+      "$figmaModeId": "6:12",
+      "$figmaVariableReferences": {},
+      "group": "brand"
     },
     {
       "id": "3d944389c8bc7e0096e33bdd337454b155bbf3b4",
       "name": "MijnOverheid",
       "selectedTokenSets": {
         "MO/component": "enabled",
-        "component/button": "enabled",
-        "core": "enabled",
-        "semantic": "enabled",
+        "component/button": "source",
         "MO/semantic": "enabled",
-        "component/alert": "enabled",
-        "component/forms": "enabled",
-        "component/pagination": "enabled",
-        "component/link": "enabled"
+        "component/alert": "source",
+        "component/forms": "source",
+        "component/pagination": "source",
+        "component/link": "source",
+        "default/core": "source",
+        "default/semantic": "source"
       },
       "$figmaStyleReferences": {
         "common.warning.background": "S:6d53d59a1c72d20d5fcc7ba2baa3321ba4b2b331,",
@@ -2848,7 +2566,6 @@
         "color.brand.default": "S:a77b001959f59f620f94516d5c3770bef58e1d54,",
         "color.brand.hover": "S:58709975fb7b74a9e66a27de34ded2f35b20d9ec,",
         "color.brand.subdued": "S:709b56b8ae6a4242efef2abfd43cfef3be777596,",
-        "forms.color.hint-text": "S:09d58ad3e9cdbc040bd15a89a22ccc0532b7b407,",
         "forms.input.color.placeholder": "S:fd1fc24f975b53efa50a0523665e038c42a642cf,",
         "forms.input.color.bg": "S:c3c1548bdb8ae8846cbb30020da30ad5f5bf6a6a,",
         "forms.input.color.border": "S:abd1011c44ecd82febc329579259b92a4d503c83,",
@@ -2860,10 +2577,6 @@
         "forms.input.color.error.icon": "S:47e5034c2d72bfb3473c12a22ed5f5279f2513ff,",
         "forms.input.color.hover.border": "S:bb8cb0e8a72e9a0c9713fcc7989014c09849ed5b,",
         "forms.input.color.selected.fill": "S:98a46d20d6227cc0ddb6e566324d3dfe01b5e000,",
-        "button.color.primary.border": "S:6dd242603293fbdbb7e98371ea8cc881123214af,",
-        "button.color.secondary.border": "S:8b66ce66bbfd12367b5280b9e3b3085383f61c00,",
-        "button.color.secondary.disabled.border": "S:af2f040fcedebedd20e8cc4936b35c411b552fea,",
-        "button.color.secondary.hover.border": "S:9c7764484a88e5a5d14aee919d9270af139bff45,",
         "color.border": "S:6c3fa8837625ce3d9e3e6dbf94a037ffcf4df497,",
         "color.canvas": "S:980caa60911d3bcab050f04e874dc3246b3e8747,",
         "color.subdued.border": "S:608e87c6536174d35461756b200eaf5663c21761,",
@@ -2937,28 +2650,8 @@
         "color.robijnrood.100": "S:26427fbf3da88b461fdaa30e7b3714622794d44f,",
         "color.robijnrood.200": "S:a131439e62b6ca2e74571c98b767927616b40928,",
         "color.robijnrood.300": "S:59697118f21dd10319a590ac5f5577fe68af4ca3,",
-        "forms.font.text": "S:65e460db49460243d4671b5ab8e25d46621242f9,",
-        "forms.font.label": "S:bddfc9384cef33701adb4708130d72f9c561139a,",
-        "forms.font.hint-text": "S:488aa5de293134e199237cff7bb22c051e6d9437,",
         "mobile.text-style.input.label": "S:65a080f248aebb8b80382aeb1e6890d57d8f7c16,",
         "mobile.text-style.input.hinttext": "S:b93443b0e66885ba21d46ed7b3f0fe6a4d4a0637,",
-        "alert.font.title": "S:24446059d3a895fcf7124ec99c20efffdcb3e7ee,",
-        "alert.font.text": "S:5711b5ca2a1e7f4ae4ec42f9ecfb07a76e10c698,",
-        "font.body.s-400": "S:c442f58ef097bba52577bff057caeb05b90f889a,",
-        "font.body.s-700": "S:fcb4d83e2012190c7ab01d4b1b7c3612fb42ba92,",
-        "font.body.m-400": "S:aad7e01f6b7b70f51339d007f5998dc947d55bbc,",
-        "font.body.m-700": "S:7bb6a647cbe8173529a7bb8e1b10ecb33bd81310,",
-        "font.body.l-400": "S:4142ca173b55f4a86e43742e192ca4ee7ecd9bab,",
-        "font.body.l-700": "S:7a27c9c5daa7cae2eb60b3e2bb107c9c476379ba,",
-        "font.paragraph.default": "S:f6ce7e0484a78d49784e5138459a70256d708807,",
-        "font.paragraph.lead": "S:6d3c52617151f7d0e8e58473db10ff882220765c,",
-        "font.heading.level-4.700": "S:76fa3b39946af4ba881ea0f468860a0229e43cb2,",
-        "font.heading.level-3.400": "S:1397bcf88051f67744ddfa247f0dff6e56a8d02a,",
-        "font.heading.level-3.700": "S:798c8adb94b2d5e306de30f8dd1d4e65727eb01a,",
-        "font.heading.level-2.400": "S:17043297a2f85def41f259a283fe6a1e758c5c12,",
-        "font.heading.level-2.700": "S:4e529a27fed117bf36eeaafc2a76092f319384bb,",
-        "font.heading.level-1.400": "S:8c2dedca2e221852ebc454900c63414131444df4,",
-        "font.heading.level-1.700": "S:86c09a778613a0298f15d6e7a29f351387608b10,",
         "mobile.body.s-400": "S:ad409599c0026e7d009982270cd5372b5d0eb704,",
         "mobile.body.s-700": "S:dd22dd860e8b44e9a7843c942aca2a91c3165e06,",
         "mobile.body.m-400": "S:ff7348d81b9f1d2ad0bb680457b34c0eb4ce63aa,",
@@ -2987,264 +2680,199 @@
         "color.onEmphasis.foreground": "S:04b8ddc8a94730194d0363ff6d0b6c2b642e6f9f,",
         "color.subdued.foreground": "S:2da7bf96f7c159410447b896e085144918ca53cb,",
         "color.subdued.background": "S:45487b836ffd448826016f6fb1fd5894a732f2f8,",
-        "color.hover.background": "S:4fa33810f036e737fb54bd6efc0dc68d2039e515,",
-        "button.color.primary.foreground": "S:3e4079d520a4d2cc677b99f7f91f1c78de07632f,",
-        "button.color.primary.background": "S:dbf141a483c97bc0d81c2f477e14e90aa915b3a9,",
-        "button.color.primary.hover.background": "S:0d208407d2ae7651df6f2b424b1757e4f93b2b24,",
-        "button.color.primary.disabled.background": "S:4cdf738923b56e436c0835faf9485b6bfb9170fd,",
-        "button.color.tertiary.background": "S:dfe5bd6481ddb25eaf07cd9735afb9ddd3b94fdb,",
-        "button.color.tertiary.hover.background": "S:954fdf4fd57e510fb2a0b07eb2c0d67c3cd459b4,",
-        "button.color.secondary.background": "S:d2ca9c5c3d7e4296a48c3eddb970efa9a7a4f0e8,",
-        "button.color.secondary.disabled.background": "S:93a50a200c537e6443d50242e3dd1d1a67285859,",
-        "button.color.secondary.hover.background": "S:d71951381a460c4bbfdf9ea05a2f1924b3926589,",
-        "button.color.secondary.hover.foreground": "S:b972ca4f788ee0e62d9106dde1dcbbb0da8cdb49,",
-        "button.color.secondary.disabled.foreground": "S:edab90b9c676bb7c5cf893ec6aa173a7edd44afb,",
-        "button.color.secondary.foreground": "S:dbcf7c035d656f951f8dfee68f2d79f387ed4a9d,",
-        "button.color.tertiary.disabled.foreground": "S:34979acef2712f8ca0b9ab3f20dcd4a8cd85fbc6,",
-        "button.color.tertiary.hover.foreground": "S:5fcd0b912f4b5997edeb0eba24e45cdec240feab,",
-        "button.color.tertiary.foreground": "S:47cca75a74c60b70580119e136c678f528e82efa,",
-        "button.color.primary.disabled.foreground": "S:5a8b4f96fdd2929e594997a30d03fdb2b23ae2d4,",
-        "alert.color.info.background": "S:0da0c5aec7313ade714ea372abbf5b159ae2d165,",
-        "alert.color.error.background": "S:befbaafe159c18c7bf360ddb167ac16d5174ca33,",
-        "alert.color.warning.background": "S:73429d8ccc1c318f37ec9e072db59436d093e444,",
-        "alert.color.success.background": "S:e86aee4f64257c55f0fd93ac21e7413c581220ef,",
-        "alert.color.foreground": "S:702a722c209afcbce70f7ac4e5e3dac088c3f4a2,",
-        "forms.color.foreground": "S:9294a3a04b09a0421e7e1d87412b2875aab05803,",
-        "button.font.primary": "S:37a496e39561457e6ce0173e93235990b1878b1a,"
-      }
+        "color.hover.background": "S:4fa33810f036e737fb54bd6efc0dc68d2039e515,"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:339",
+      "$figmaModeId": "6:13",
+      "$figmaVariableReferences": {},
+      "group": "brand"
     },
     {
-      "id": "33165306bc36cb4fb3681140bc6e9ed925f99349",
-      "name": "DigiD xs",
+      "id": "89efde731b340b1c335cabd41549f3f8ffd148e5",
+      "name": "Digitoegankelijk",
       "selectedTokenSets": {
-        "core": "enabled",
-        "semantic": "enabled",
-        "component/button": "enabled",
-        "component/alert": "enabled",
-        "component/forms": "enabled",
-        "component/pagination": "enabled",
-        "component/link": "enabled",
-        "component/ontwikkeling/card": "enabled",
-        "DD/semantic": "enabled",
-        "DD/component": "enabled",
-        "DD/stepwizard": "enabled",
-        "DD/header": "enabled",
-        "breakpoint/vp-lg": "enabled",
-        "breakpoint/vp-md": "enabled",
-        "breakpoint/vp-sm": "enabled",
-        "breakpoint/vp-xs": "enabled"
+        "Digitoegankelijk": "enabled",
+        "component/button": "source",
+        "component/alert": "source",
+        "component/forms": "source",
+        "component/pagination": "source",
+        "component/link": "source",
+        "default/core": "source",
+        "default/semantic": "source"
       },
       "$figmaStyleReferences": {
-        "forms.font.hint-text": "S:e2bc3a42702fd9a357b9568203ae59a6f84e9ff7,",
-        "card.font.body": "S:42667cdd0f4423a84b0d0d5dd01b9ca937240092,",
-        "card.font.title": "S:0f1152e9dc0aa13b62a3dfe4051a5ae14a543b95,",
-        "link.font.default": "S:9754cb10993af8e7b67cffcd1e536b3b22df9cab,",
-        "link.font.hint-text": "S:b5c5b05aaad41107e5845176f44b222307455e6c,",
-        "link.font.inverse.default": "S:3b497a310bfe8870b5cfb9f84d9d55604d41b81c,",
-        "link.font.inverse.hover": "S:f8676e9859475401922a69945dd084fa00d082b1,",
-        "pagination.number.font": "S:aa006611fcfe3f435e8f71294ce51d6f4ae0439f,",
-        "pagination.number.active.font": "S:987b52fa335c7aa045ce6a52a702cfb8cbc63fb5,",
-        "forms.font.text": "S:bb37201dca788b0ff5458cfd64c20d0206fc0278,",
-        "forms.font.label": "S:2c99c0046bb4951218f1cb113a7a7cab8b4f8e96,",
-        "forms.font.selected": "S:dbb1f18cd22ba127c84e2d8c048a47b827ba0747,",
-        "alert.font.title": "S:88e1bca50a069b59a0f5626efcdc3b992e49bc7e,",
-        "alert.font.text": "S:b4ac19d1132093b69b4b4558c34aaf0e9291f438,",
-        "font.body.s-400": "S:76e72f2648c20c2d41f96e8692a336fc8cca65ac,",
-        "font.body.s-700": "S:96b7ff9f475ad22ccfd7590bc962f2896a71de97,",
-        "font.body.m-400": "S:4fa6ddd0b0f635f420e2be77359bf2d5f8b7c854,",
-        "font.body.m-700": "S:a3501c7a497ec5166cc79d89127e6d0a182074e5,",
-        "font.body.l-400": "S:61bc22eef6b63920f3a2594ae7ebe43573c14e03,",
-        "font.body.l-700": "S:863e10ee942a5d135da3b7b4623eaab7e33037df,",
-        "font.paragraph.default": "S:359b8679f421389787194dee415ee0f77776e4b8,",
-        "font.paragraph.lead": "S:7e18dc73b5eb25ce1a4c1c540af28887c2a2f68b,",
-        "font.heading.level-4.700": "S:2aeb6a75ea0bd9c69413dccbeaf4c69965985742,",
-        "font.heading.level-3.400": "S:a92a2df87fc02110d5c88f9041bc30588d814390,",
-        "font.heading.level-3.700": "S:89bf3397dfea19fa85504d1cff7445f1552d15e3,",
-        "font.heading.level-2.400": "S:bc35f11f4f031e79bf57c8d3ed9a24363c94ba0b,",
-        "font.heading.level-2.700": "S:fe22ba67e0690eaa32c218be38c93c5912fd5353,",
-        "font.heading.level-1.400": "S:19e02d96d3f46f16ff31a53abce2c41d80cfec2b,",
-        "font.heading.level-1.700": "S:f6c37515fead8008860bb8cf54f5ff342a18c92d,",
-        "dd-component.stepwizard.background": "S:369d66bdd1921281452f59e950c09fd3880a4b5f,",
-        "dd-component.stepwizard.border": "S:9bfba0aa6a448b5b30452a126adf09cb010b3224,",
-        "dd-component.stepwizard.background-hover": "S:c127f196184320cdcfcde8db8504fee4515d10c2,",
-        "dd-component.stepwizard.label-color": "S:d12390fd5b5167f79e417c1f497be8bf192b1ead,",
-        "dd-component.stepwizard.text": "S:eeb0ac5f8948cb2387605bf1b83d0b9ddc667644,",
-        "button.color.secondary.border": "S:22a0b40ab0278f760635b85c83972efb8b984839,",
-        "button.color.secondary.hover.border": "S:f6735d062da8082758ed82d89f848eecc2d909fc,",
-        "forms.control.color.hover.border": "S:6bf9151b1c1478def13c1520c655bedaf6bd4095,",
-        "forms.control.color.hover.fill": "S:408d04c98d309c4c849f323cca7f6a4396bd1b50,",
-        "forms.control.color.active.fill": "S:e14205e92754a831e15237a5b5542e7fccf0a734,",
-        "color.brand.default": "S:f29f784675ab398c0ee5b701c8f742ad18647484,",
-        "color.brand.subdued": "S:d38b6f38ac4c39dd8543b1f5a1cf959528b9b119,",
-        "color.brand.hover": "S:602eee8268de467b77e5c57c1a2393c64ec53d09,",
-        "link.color.hint-text": "S:7790d2d360afef9a9bca9b6689bf136b4c78ce2e,",
-        "forms.color.hint-text": "S:48074637eedd812a8c4bf65e2ba99983bf000249,",
-        "forms.field.color.placeholder": "S:39af5b61be7193dde1c9338c67a89b0dca43e225,",
-        "forms.field.color.border": "S:21acc1b79fa86e82e99f1daff807a88899bdf48f,",
-        "forms.field.color.disabled.border": "S:a9c4e796d5f1fade50d43f2b78736428e7a5cad4,",
-        "forms.field.color.error.border": "S:610f77799631360ea299140d8ba6bdd5f0a51e79,",
-        "forms.field.color.error.icon": "S:14c10b79d809d760734649ce3cd727188b40bfae,",
-        "forms.field.color.active.border": "S:e70fb917abb6a2fd75aebc7b5caa013496d7bf9d,",
-        "forms.control.color.disabled.border": "S:2ac82914c86816ca412634f958ceceed1e8b3d37,",
-        "forms.control.color.disabled.fill": "S:72b75171a40ec66656db2d5b44f12646b9dd0ae4,",
-        "forms.control.color.border": "S:878e269da7376cd776295975a850711c96ba6d1a,",
-        "forms.control.color.error.border": "S:b0ae0c5cbda8d85ec608c6b5fdf50e2090f75436,",
-        "forms.menu.color.border": "S:65d4ee428fb2541041390a66e4829e6a839c8b7a,",
-        "button.color.primary.border": "S:a469fafe0a4caa9e014c6bc922ed4133352f0be3,",
-        "button.color.tertiary.border": "S:4cfceac2b4a56a4160299cb42bc3f54ecee6be52,",
-        "button.color.secondary.disabled.border": "S:9b2c8c232d9ca635ed6b010e7879c30054049478,",
-        "color.border": "S:8ea80a3392c76c3337dd945538cfcd2f26b88c00,",
-        "color.canvas": "S:f4fc6e740cc868891c331fd7f6321f439a0897fc,",
-        "color.subdued.border": "S:420e4c8bd080c503d92b3243f6596f1a9d3cbf2f,",
-        "color.feedback.success.default": "S:b001e73a12ad9fbea281d79f1649ff77f0aa064a,",
-        "color.feedback.success.subdued": "S:f962ef561a5d882ac4ae2cd0b660c54430793025,",
-        "color.feedback.info.default": "S:0d716214b8cbd9845997b1546fe074bc718d92e3,",
-        "color.feedback.info.subdued": "S:c08d3fae401655365f0b7a963f547347e1eb00b8,",
-        "color.feedback.error.default": "S:e1771eb73b280a88de2389327dcdcbea5ac4021c,",
-        "color.feedback.error.subdued": "S:a71ab2b1bd7548b174da4d1f2bf78b2648fac0da,",
-        "color.feedback.warning.default": "S:7928868fcfe4e9a3a055123b86751ae394a26759,",
-        "color.feedback.warning.subdued": "S:449e886ffc87528952d68a2ce6f24a385488172f,",
-        "color.grijs.100": "S:f43babd8314344af4e8644626a8410699cab50db,",
-        "color.grijs.200": "S:b207bca6ab6eb471362b8a1f7e6f941a5a3f7c7a,",
-        "color.grijs.300": "S:17cd86791ec510ef90ad8d01114fe8629a3a6ef5,",
-        "color.grijs.400": "S:c8a37b96abc8afe91899e66b5d1fdd894505dc75,",
-        "color.grijs.500": "S:b78f1c46474fb701b4a5dde83ca6d26dba14ed26,",
-        "color.grijs.600": "S:ef129b370217ce481057ffa50b860ca3eb9e9ac2,",
-        "color.grijs.700": "S:923cbfddf214cc5000e4f8b639de93dce3b70817,",
-        "color.grijs.800": "S:294c96e1aa786d896c78c275b2ac64487bb29677,",
-        "color.grijs.900": "S:a9937e15b5c95f74b4d366e0bcc937ec35b79d56,",
-        "color.zwart": "S:99f2a49675397f97afc8baecee8ab6d0544d3ac6,",
-        "color.wit": "S:caaa38d7ccc91d209615b5e17d177981c6463361,",
-        "color.none": "S:e5e36452f82df11d9e2cc7e375884b225036a7de,",
-        "color.lichtblauw.100": "S:45130e9c5bff85f6e1a6ed2d145d2e25269411b5,",
-        "color.lichtblauw.200": "S:75465e08a4e7dbcfd95c67a4410ff022beadf7d6,",
-        "color.lichtblauw.300": "S:8ee587211daeca1b53897c730eb06e83ab123d34,",
-        "color.violet.100": "S:b17b873c08677c4435429816017f3fb571be1884,",
-        "color.violet.200": "S:4cda608f14d94ff738e82bce61abd9ad49b8056e,",
-        "color.violet.300": "S:0b65463ef71dd2b5834962810ce48d4b9eaee857,",
-        "color.violet.400": "S:ac75b3ff1e3b2a18803b5cc93e7cb87f453aa0a1,",
-        "color.paars.100": "S:fbd160155e454e8a998d7276b2fd7c0aa835d550,",
-        "color.paars.200": "S:de25ea01b08907c0442db3c3ff37a7705032d79e,",
-        "color.paars.300": "S:a02403d7d5d7197a4efbf3c1ac8c9a020cb222d2,",
-        "color.paars.400": "S:93dcaee41ac4c1160845b43b58d193b094537a77,",
-        "color.hemelblauw.100": "S:4ebfb2e28cfb7d5438e8d7a1260cbb826149ab0d,",
-        "color.hemelblauw.200": "S:c25bfc8bb20b8dd91a13a762b77ecb2f3283f0e3,",
-        "color.hemelblauw.300": "S:7f97e0ee049a50c945ff9429002ec543fc448743,",
-        "color.hemelblauw.400": "S:1a94f3800b2c8c79a2471d5fe68d146afdcfb952,",
-        "color.donkerblauw.100": "S:5ad7fb1d46648c1f2c589cb53cdfd7710987ded3,",
-        "color.donkerblauw.200": "S:63efe6e62f90fb65dc200ceff87e5962c4b252e4,",
-        "color.donkerblauw.300": "S:7733b78d3c99634d2166a0b732129948f9a77d2d,",
-        "color.donkerblauw.400": "S:75ca13201d42183db12e05bdb16212b0a6e8fdde,",
-        "color.mintgroen.100": "S:26155542311e967efcae1d4dfefc4dac6d260c7a,",
-        "color.mintgroen.200": "S:51ff421e0197dd9e8f311351de2593321a6b3b90,",
-        "color.mintgroen.300": "S:e8c410ba79c0b0003fc225d17f9dfb22545c09ae,",
-        "color.mosgroen.100": "S:3c68d281830feaa304ea7c7d2e7f9499bcc3db46,",
-        "color.mosgroen.200": "S:d7154ccbd208afb683115f38533751a36aa74fa9,",
-        "color.mosgroen.300": "S:d7c5b106f0f408c27ec51095b63e9b2d44d06a6e,",
-        "color.groen.100": "S:cd2393e13571eaf604ffa2e2d25ce0a017d0de39,",
-        "color.groen.200": "S:e677005ae179e6cfa408c5f46a1d12c4feb1bba8,",
-        "color.groen.300": "S:ad4aae0ce50f79cf58b42ca9fc5db625f58c98b9,",
-        "color.groen.400": "S:2a00b945c8f7d0ab2ebd29eeff26f67eb06462a1,",
-        "color.donkergroen.100": "S:b594b4a812bd0d96df6ff9fd9b2371563ddbe65a,",
-        "color.donkergroen.200": "S:f40205e0be38db95a5d22b4fa9552ca3743aae72,",
-        "color.donkergroen.300": "S:79fcd9622da6cf35815d2154d7510ede610f7471,",
-        "color.bruin.100": "S:987a7e462a5bb351f406a4fa93baaf00caa1e3f5,",
-        "color.bruin.200": "S:9980b574a74c78b3d36584c6133ceddc4cf853fb,",
-        "color.bruin.300": "S:1d18bc4185aeddf71466207e3ec51ff041eb57bf,",
-        "color.donkerbruin.100": "S:bcdcefb524d419ef454cc0aacb9715a17fb1660f,",
-        "color.donkerbruin.200": "S:874f9675d05dbfac77d035f33d3538d83b5992bd,",
-        "color.donkerbruin.300": "S:f2ae01c46296e9d7259153f193c541ee60cf2a78,",
-        "color.geel.100": "S:d73bf799c0822c0d991373b6493fd8f4b2bd1071,",
-        "color.geel.200": "S:3c80de223f9d9a3f68196bc967009090011b2af8,",
-        "color.geel.300": "S:d7be08f1878980c6003dd2575346bf8d2c19e939,",
-        "color.donkergeel.100": "S:e679259954e02a91792aa4f5985e9d521163b49d,",
-        "color.donkergeel.200": "S:00a79ffbb55a07b8b782313d96468ec9e8a61fab,",
-        "color.donkergeel.300": "S:54349fc5da7fa5e751a3553f63f5b76ad2eb7bd5,",
-        "color.donkergeel.400": "S:5c42fae336ef93e31aec3bb23e5c536c0aae7c13,",
-        "color.oranje.100": "S:68d54120479216b1b102913a04591e3956e63b5f,",
-        "color.oranje.200": "S:eb99b6d91aef5b520e0e7cf15e21b9443ff3f84c,",
-        "color.oranje.300": "S:0ab5334541a52aa4be6ea3b0ccdbee668d890817,",
-        "color.oranje.400": "S:ee11ff7a00d63973c12dbc1d3f037bd738df722f,",
-        "color.rood.100": "S:06858c3e5b0948430a896c4036a73329fb10ab55,",
-        "color.rood.200": "S:03cbac69f2984c5fee80e5537e79677a12897a19,",
-        "color.rood.300": "S:81a30b456c46d497ef66d0fccd3ae11600343991,",
-        "color.rood.400": "S:557c3577130321601ca11225f798f3edd8f693f5,",
-        "color.roze.100": "S:96bd8cc4cbc1c3d1f77fc1ac561508a8633ab6dd,",
-        "color.roze.200": "S:fd00f9e1b437bde89cce29bf9c88771b1b4428cf,",
-        "color.roze.300": "S:2f20cbc5076b00ae488cce4a0f49f923babe9269,",
-        "color.robijnrood.100": "S:33a075198e636afd1238b885d45caadd7e1c32d0,",
-        "color.robijnrood.200": "S:773c697eaf818adb1a87a761ef0035861a22ca31,",
-        "color.robijnrood.300": "S:05c409e9b0195d9a9daf50ffe657e4520a2a107b,",
-        "forms.menu.shadow": "S:f0827bb549d746587d445f2f3010c2d4f449ba1e,",
-        "shadow.default": "S:351183a3563e61f82d540d26e47287c72756d876,",
-        "color.foreground": "S:5e54c1744675b698e9bd5d52c009933fe5ed5c51,",
-        "color.background": "S:4b1f0f8adb88155dc957de650b9bbbd7c9e4798c,",
-        "color.onEmphasis.foreground": "S:1dfc768c045f04d6de90c32344f27cbec1994d0b,",
-        "color.subdued.foreground": "S:a3876a977a534829c7bd4cd179618343fadd3d60,",
-        "color.subdued.background": "S:a44471368a02a5e1554fb3d36ae008ae758d9c1d,",
-        "color.hover.background": "S:644b6ac862c459c3987de7c76421a4539d9f1e9d,",
-        "button.color.primary.foreground": "S:d60cde907cb1742c7bd49abaafaf203ea45ad7e1,",
-        "button.color.primary.background": "S:c9942895d37ab2ebea2701f0cf44dffc585d41f3,",
-        "button.color.primary.hover.background": "S:5cbcb99cda29e72d1ef2d7e2e2017ead4e98315b,",
-        "button.color.primary.disabled.background": "S:3f27f320111045467803f7ee3c43b21b4d15d10e,",
-        "button.color.tertiary.background": "S:ff8a2a1fa720a79cb64f6bed6c753f83eb8615b9,",
-        "button.color.tertiary.hover.background": "S:2867e6ae0ad85ab010643a196cdfd78d53ebb70a,",
-        "button.color.secondary.background": "S:803141d629851c21d469b0f2acd7a8fd5af3d4c5,",
-        "button.color.secondary.disabled.background": "S:90940eb6aa2718a2a7790e8ba428e3542b1d0c15,",
-        "button.color.secondary.hover.background": "S:45d764e41293233542c1fa08778eab62869a2d81,",
-        "button.color.loading.foreground": "S:b1580a8143b10ae88c487f68d6f56389138fa236,",
-        "button.color.secondary.hover.foreground": "S:6b148e9dac4850c3c34511fd88583b75fd608277,",
-        "button.color.secondary.disabled.foreground": "S:24184a894353737a290ab6d8913d4bc05366e59f,",
-        "button.color.secondary.foreground": "S:17894d0abb89d59e3c216dfc8adba3a65e7e2da9,",
-        "button.color.tertiary.disabled.foreground": "S:285299a5a21f0a763b8a00ee1b0fad64b8a57874,",
-        "button.color.tertiary.hover.foreground": "S:9a9e2136062211a6a430840f75123eeee4fec6ab,",
-        "button.color.tertiary.foreground": "S:9e40771502e200f95f6f8eefcf82de26c00bef65,",
-        "button.color.primary.disabled.foreground": "S:8349997e6c8ff53e1cfe8410b3c177f9fb8883aa,",
-        "alert.color.info.background": "S:6b8a60f8a2288a88dd95fcefec04f66754662aef,",
-        "alert.color.error.background": "S:9e9d783da413eab0ea85500f8327250f1f181678,",
-        "alert.color.warning.background": "S:f231f9ce423227001956b9e0c5bc04483f4f026d,",
-        "alert.color.success.background": "S:41f0be1cc6acce60e1d4ccd684746555fe94446c,",
-        "alert.color.foreground": "S:f72deb0c9fbb984f6e592ec25694b7383a01e118,",
-        "forms.color.foreground": "S:fbc94929c5a46855cb1e08c5de548ec1337e9091,",
-        "forms.field.color.disabled.foreground": "S:557ac3406c1c07e8473afa669d8e16515ca96321,",
-        "forms.control.color.disabled.foreground": "S:9a864ebed85ee541e4b58415781a8360b12314cb,",
-        "forms.datepicker.date.color.active.foreground": "S:2379fa3c25579957150be9dce8a96909c4482672,",
-        "forms.datepicker.date.color.disabled.foreground": "S:26f9efef957540fd88c765b287706ded0e288465,",
-        "forms.field.color.background": "S:d624b7c5977c8f65e825cbcdb6ad52a25855680e,",
-        "forms.field.color.disabled.background": "S:db2f906eb72b690d88eb67472022a305d4c54231,",
-        "forms.menu.color.background": "S:f24ded49308ce494712a4075457ef14241242354,",
-        "forms.selector.menu-item.color.hover.background": "S:451c692f0bc02da74947a7442f08f42846cf22cc,",
-        "forms.datepicker.date.color.background": "S:f0efd214514c02a27f4cb18d5ea11dbe697f0b5f,",
-        "forms.datepicker.date.color.active.background": "S:fed211677619c7805c7aed235d93dc755e4907d0,",
-        "forms.datepicker.date.color.hover.background": "S:416e7e29ecf5b128d36a2ad774b18e74c322f479,",
-        "pagination.number.color.background": "S:173b531347187651dc332f5d0d23c17c6a621c1d,",
-        "pagination.number.color.active.background": "S:6651d97cbaaca9ca5b76a2d442ed206984897c54,",
-        "pagination.number.color.hover.background": "S:52a34c1090e6f25974539060d9a0a99b7a556791,",
-        "pagination.number.color.active.foreground": "S:bfec7ae91ef60d3e860034c5f5246867f7ac41df,",
-        "pagination.number.color.foreground": "S:45cdbf9fd3524ba1b44acf4424c1673aaa203235,",
-        "link.color.foreground": "S:8d5ec101614b72ff4386418fc1ee4cd21d9a21c8,",
-        "link.color.hover.foreground": "S:244c29b0de0f51772a20811c05f20904bdeac461,",
-        "link.color.inverse.foreground": "S:65cbab635f5502da48c72e6beea14b765c495db6,",
-        "button.font.primary": "S:70302bd6d5692c61ec17c28409574660491f8e16,",
-        "button.font.secondary": "S:77a0876ddeaec3d0cfba87386e1a7a58e2a97b85,"
-      }
+        "common.neutral.text": "S:ee6373076460d4e83516baf4cd2e09fbeb88da5e,",
+        "common.neutral.text-weak": "S:90023d4247e5a3da6347c581816e85037408aa19,",
+        "common.neutral.text-link": "S:223acca4ebfe74b7825c65e6be1d15c228d8d3af,",
+        "common.neutral.background": "S:580b5c8b9fed93a5bec1bcd37d936f7979e83de8,",
+        "common.neutral.background-medium": "S:58374bcd4f439ae23e11fd61267205489fd199f2,",
+        "common.neutral.background-hover": "S:8a0b18f63bcfb2d8698244cf729998434ca8641a,",
+        "common.neutral.border": "S:13b1a4dae0f19282905f4f4576e8b06033b5138f,",
+        "common.neutral.border-weak": "S:ea2ef4ed88f10e6b967d2b14e1f71c77c713d89b,",
+        "common.neutral.border-strong": "S:ae5530baca7cfd177b16e62c82fb21920a967130,",
+        "common.neutral.icon": "S:98e90a352aacef999eab5be8aec3d784d4e82ea9,",
+        "common.neutral.icon-link": "S:269748d29828dfa9f26d35f4bb494fcc51443dea,",
+        "common.disabled.text": "S:901d8b5d46b16e9a37bed63522d6399350216c3d,",
+        "common.disabled.border": "S:b4e1e2413e3c853e2aaacc26c462b8fab6deb526,",
+        "common.disabled.icon": "S:30192dd88b9aaf68e4c665588607a23efb31b13f,",
+        "common.disabled.background": "S:4ffb55fb901618c07dd69e42cbdc500b058c095a,",
+        "common.inverse.text": "S:a6f5dab6ea4430490fb7d3249fc1322bd13b0b35,",
+        "common.inverse.text-link": "S:a7c8558de72366d7314104de6a7c10aa9b9308fc,",
+        "common.inverse.background": "S:f4bd51e99f8c0cd0c89be427ad1d53d85c6d5bf5,",
+        "common.inverse.icon": "S:19e72abcef3982f8bc8dc3b43f1781e2a1ee2489,",
+        "common.success.background": "S:8e4ee0e9a692847f42710894bfed43ee7bed0c07,",
+        "common.success.text": "S:41dacece91d3f74b5378884e3d91557d89fb7d06,",
+        "common.success.icon-background": "S:9764668c85208274e971d5044df0e0f381a9fb2f,",
+        "common.info.background": "S:cf335ac30caca5aacafe110a4ad9f3a47f7bd1db,",
+        "common.info.icon-background": "S:6927e36ca239c247499030529ec0c77fd5d879f4,",
+        "common.error.background": "S:1e8fc694d921332be4a1aac4973c800a83849e31,",
+        "common.error.border": "S:3757d07e1439e520210a85f75f48bf1d8c223c55,",
+        "common.error.text": "S:691b38c9bcaf41fdc4e6d1e302e9bde5c464a561,",
+        "common.error.icon-background": "S:fd23a07c6576ea2862786eb3f8672c1f57b73564,",
+        "common.warning.background": "S:eb9036886d160ef52422dda17a1dc08f2f1304da,",
+        "common.warning.icon-background": "S:719c5d272270d7a425340f426d0b31a659d04fd6,",
+        "common.highlight.base": "S:72e8ed51f7c21b59d5439885e1e250f8a110e011,",
+        "common.highlight.hover": "S:09da211e686fa869fd606ead51e0309ed1dbea7c,",
+        "common.highlight.text": "S:7828abfc57d544d94a266648b8d73f0ca32bfd0e,",
+        "common.highlight.text-hover": "S:2d06e3eadf1f110938e55a15a88507f1c8ac3dd1,",
+        "common.highlight.background": "S:4ab4184a0a371073db694d97bc9ec0f528783522,",
+        "common.highlight.background-hover": "S:708ae3e963832ea5176312af2e079cbd506688a7,",
+        "common.highlight.icon": "S:81d2f9787a8f011443e26a1bbdb60872a12f219c,",
+        "common.highlight.icon-hover": "S:0b2c8005984d49d326348e926394cfb6a134795c,",
+        "common.highlight.border": "S:02dbf8114cea296ccf1d7c517f166eca85786932,",
+        "component.button.primary.text": "S:388e7060dfb708f4b7d833af1cf6341786a021b0,",
+        "component.button.primary.text-hover": "S:7694604e0ecd162c620547ef467623b4fa88aacb,",
+        "component.button.primary.text-disabled": "S:862ed073faecdc64a72d612ead7040fdfb8640ea,",
+        "component.button.primary.background": "S:e0572edf4073e917178a9090144f2976de4bc5dd,",
+        "component.button.primary.background-hover": "S:0afdb69c0ba373a964c80eb3b2b4954627bfa8b4,",
+        "component.button.primary.background-disabled": "S:c0ab18c13a0629edc8936ea882cfa40c67787a51,",
+        "component.button.primary.icon": "S:ae74f0c92f122720cef9bb02b510eb795b3b7101,",
+        "component.button.primary.icon-hover": "S:920aba7d3c480dbeb184f3ab696313f2e3e5fc61,",
+        "component.button.primary.icon-disabled": "S:58f5b8055a17d6104d8acfefbf7f956b4c074400,",
+        "component.button.primary.border": "S:de2e75f30c306215491808dc4b0ce80cefca8c07,",
+        "component.button.primary.border-hover": "S:28f5b492a6d31e4efeb98820ba9fcbdd76acac56,",
+        "component.button.primary.border-disabled": "S:42f2444301e0715d36aff208e935ebfc56211305,",
+        "component.button.tertiary.text": "S:3cbe2e7352604d43024cd8cb5af2526174b2bd77,",
+        "component.button.tertiary.text-hover": "S:eba44c9f892d045a5018ee25d4a1753b75e0ba9a,",
+        "component.button.tertiary.text-disabled": "S:9aa6294e79f73c3a80b919579567c966f5fa1000,",
+        "component.button.tertiary.icon": "S:9f58ec044988eab779b9f9824012f9d3c1f1b361,",
+        "component.button.tertiary.icon-hover": "S:99f1e431629c585ddd25104aa81d5adac04f94be,",
+        "component.button.tertiary.icon-disabled": "S:e0c3f45e6b31dbbd38d69e8020c3c5c7e094ff11,",
+        "component.button.tertiary.background-hover": "S:008a5bb6ec93931de71f1325158747815a5d735b,",
+        "component.button.secondary.text": "S:96896829aa245c03c578d9e0030d5e632b193be9,",
+        "component.button.secondary.text-disabled": "S:d09c8ef0c7b9463e2eedcbc34738149789a41643,",
+        "component.button.secondary.background-hover": "S:cd4f1cba2395a412a7211f976fdee3b50b391388,",
+        "component.button.secondary.background-disabled": "S:790b4cfb353cde2ddbcd0a5d4669278bd6c0b100,",
+        "component.button.secondary.icon": "S:b40f627dc8e0194ad2fa890a8df4bcd1d6ed40a5,",
+        "component.button.secondary.icon-disabled": "S:64a658d91b418b4068f63252ba1f3d027ed21d55,",
+        "component.button.secondary.border-disabled": "S:fcad74d4427060164539e7554ec4afc222459cdd,",
+        "component.input.text": "S:e0e95dadcc77b916407eddde14bda4932331cc7d,",
+        "component.input.text-placeholder": "S:e5199f723db470f4c39c2dae0da2b564a6cbf1fa,",
+        "component.input.text-disabled": "S:9747b2fec208599820198acc828a5102f6a656d8,",
+        "component.input.border": "S:a1ea7bc180eb7d5b3e8437bb30672578008a6eb2,",
+        "component.input.border-error": "S:cf6b22739a91e180ebf12f61f2384acf5605aec4,",
+        "component.input.border-disabled": "S:5fbbe56e4dd34f888ae88d3a1c7029fa702bd9cd,",
+        "component.input.border-focus": "S:c9217836389c1daca58ae745e93048ce59997325,",
+        "component.input.background": "S:e6468810e292b6123e2831edbd1070c696befc75,",
+        "component.input.background-disabled": "S:d792793d2e39eadcd7941c07e46b652df901e20a,",
+        "component.input.hint": "S:969fe7f045eb3f238f7ab3090983663103392f43,",
+        "component.input.icon": "S:885098337d357aaab176e4754f01b9c96115c2d1,",
+        "component.input.icon-error": "S:4308617979355258583759bbe786cc4a5466d772,",
+        "component.input.label": "S:013791159bcfe23113cbace6a78032d2169bb760,",
+        "component.input.label-disabled": "S:8b2d5eeb643f07ab90b28f3537f76ccf80776e0b,",
+        "component.input.label-error": "S:8815018d4022cfd3907253682413725699848be1,",
+        "component.input.controls.border": "S:f6e3add9967c5765fb031f3f017512805d0d00e4,",
+        "component.input.controls.border-hover": "S:1e83a0ceb5160e2ad84756e7e7eddbb0d586032e,",
+        "component.input.controls.border-disabled": "S:06641f0872b44383b96a4ac3f52c5ab88789218a,",
+        "component.input.controls.fill": "S:4e51a642b41c7a0f27c3f97215e894e012d1a265,",
+        "component.input.controls.fill-disabled": "S:a0138c6fef3f601c7bd681983af6c0aec067f59e,",
+        "component.input.controls.icon": "S:9399b1713f14a619977c603000f1b1aa47ed32ac,",
+        "base.grey.100": "S:5b34b3775531df52c35b3d77b3cfc15a020c58d5,",
+        "base.grey.200": "S:15e35b3ddfc496d2d7b56a07b43ed7367769aba0,",
+        "base.grey.300": "S:6a878d083da4ccbbc914a23b30d9919a2f9b4235,",
+        "base.grey.400": "S:8f94a7bcc808c03cb2f57f9a8b6a04cea8e99b9b,",
+        "base.grey.500": "S:ec259d615c2c26aad0be7cdd4ddb80d7d1bacd78,",
+        "base.grey.600": "S:52309deaaa60e20def34fdbf99bddec63ea5acf9,",
+        "base.neutral.black": "S:05bb7176bbec9d1422280b187c0da51acaf53297,",
+        "base.neutral.white": "S:4dbb181f1bc4e6c5e32f7b3174a494405fee62dd,",
+        "base.lichtblauw.100": "S:4c6b99014dc696846b9fd94134e8d2bb4dcac475,",
+        "base.lichtblauw.200": "S:9f944c36fbf1214e3d767b2e803b51e7cada11dd,",
+        "base.lichtblauw.300": "S:861e0f0745663472d358ae1f6d9c72a9ec3e2a06,",
+        "base.violet.100": "S:68c2eb7a064584ecdc8eec496f293280e4d51ae1,",
+        "base.violet.200": "S:c6ef6188751399a2500efe4cce39da65742e5b81,",
+        "base.violet.300": "S:58e34b17f3539ff4b3c9f580d37bffcaf4549a66,",
+        "base.paars.100": "S:227e4a6a6535facdbd30efebd2a7f6c7ba8974d5,",
+        "base.paars.200": "S:e05f62fbabca3fa80ac6d1cf95a64910d3d9c22a,",
+        "base.paars.300": "S:43718e30c446fe3a80487eeaab77b90b6e139386,",
+        "base.hemelblauw.100": "S:6ab63e1ce936922d6510cc8f084698374347b7f5,",
+        "base.hemelblauw.200": "S:59e701d8dda9c4197b53454ce8102851366fc8a2,",
+        "base.hemelblauw.300": "S:cf6b28b74d373c28c5acca3d42a8a16d6a9ab933,",
+        "base.hemelblauw.400": "S:8aad723dce5d2e75cf75ce8c6f680d25089212b6,",
+        "base.donkerblauw.100": "S:a366ccda9d8ce4161418fecef3f210b1511fdc7a,",
+        "base.donkerblauw.200": "S:617561c59e7f0f49eeb5650193abf6bfa3fce7a0,",
+        "base.donkerblauw.300": "S:b48ec63faffcf09048289088a5ce1bbd5a27591f,",
+        "base.mintgroen.100": "S:0cbfb6555ec120811e6369406fd1cdb39f7243e3,",
+        "base.mintgroen.200": "S:bc729eff4254ebdc5c621ebd117677696f913102,",
+        "base.mintgroen.300": "S:8ddc3c13cede46956ba8e37c7f924a8b87be153c,",
+        "base.mosgroen.100": "S:a0130b47797e153143d4f0e793397a916c240bac,",
+        "base.mosgroen.200": "S:f512bf9df249a5db33ac3de53e8663a343022934,",
+        "base.mosgroen.300": "S:3bc0504a5c0698bf69ce35c77fd964fd558d6245,",
+        "base.groen.100": "S:f6fe4c69a539f4cecdfbdbbc6d236db1198eb0ce,",
+        "base.groen.200": "S:ff7516115b82d1a435ba8ce64e60bc091effba1f,",
+        "base.groen.300": "S:9f1504618f0ce3b366dfcc82cbf5ad7d8625e242,",
+        "base.donkergroen.100": "S:f7ed43fbc1472d9bd46ec81228d58762cde9fb03,",
+        "base.donkergroen.200": "S:68251edfa33def7afd1f6adb1f4bf1dc191c620c,",
+        "base.donkergroen.300": "S:3852b8d79d18c5ce8021cebd7fe9c6da40643fe4,",
+        "base.bruin.100": "S:016797db4a37d19b2ac8fdcc4344565e13d55721,",
+        "base.bruin.200": "S:685b3571e87f3b59a0053ffc005a56a5577db8a8,",
+        "base.bruin.300": "S:e6cb848b2d36e0da318f2890985abfe66d0c8d90,",
+        "base.donkerbruin.100": "S:4b8baabbba9c4b422df4ce967b6ebb521c6d1621,",
+        "base.donkerbruin.200": "S:21321ad69a10afe972f0f0ccad3d4f4d172beb59,",
+        "base.donkerbruin.300": "S:7dbed0273455508cee46feff79437a8b2f5fdf77,",
+        "base.geel.100": "S:ff5f5ce0c6df74dbffa3d46adcbbd63946ee1633,",
+        "base.geel.200": "S:e0cc26fe44bd334f305c842cf2493d04fb15f8f8,",
+        "base.geel.300": "S:e3d7a7a6977113d1d4b8cf27badfeca7ddbe8058,",
+        "base.donkergeel.100": "S:312f84c4f08bb0ca8d04c89fc5819fa9f172f3bc,",
+        "base.donkergeel.200": "S:1326e478b795f2de3e837188d57958c1fc3f55cc,",
+        "base.donkergeel.300": "S:b1fd1a1bc051f6b1854d504c630682a4d3ba04b4,",
+        "base.oranje.100": "S:c15dce56d70b2d4cf6a117a91c0705154b18555e,",
+        "base.oranje.200": "S:b8d39de44a9b0b76846a526417793d5722977904,",
+        "base.oranje.300": "S:2b4ddf70de1aebdc11703bba1954a86fad7ecacb,",
+        "base.oranje.400": "S:5329a376889e98223e7a7cceb8020917e7f3e50c,",
+        "base.rood.100": "S:eff4169f1bf5684384794452d17e8eed7b3278ce,",
+        "base.rood.200": "S:756bcab55579978ffcac835286a2debd6cef77b4,",
+        "base.rood.300": "S:123d3bf2eae4a2d136cecff0c9eb6e8a68d1a6e1,",
+        "base.roze.100": "S:7335b18350dc235b06f8476a50b971816d7450a2,",
+        "base.roze.200": "S:3f4a1060fd54efb6ff418784f4da44ef20b54808,",
+        "base.roze.300": "S:57e8049a5ab3c18585995d56f2ccd025068aac5f,",
+        "base.robijnrood.100": "S:2c948c5c0783bf414a0b05ed6b6fb1ce765b6400,",
+        "base.robijnrood.200": "S:ed65e2c1dbdbea42402bd76b9ea3054faaa51ae9,",
+        "base.robijnrood.300": "S:f14c7e7c36a03e3a6ad19e8388afaa46290c1d28,",
+        "common.wcag-state.a": "S:5243eec0b2971d045e2666f477cffa3698e0370d,",
+        "common.wcag-state.b": "S:9e221be3a403f39a6aa7ac454a5588b3fee74e9f,",
+        "common.wcag-state.c": "S:ec645f0f3ab5884ca9e5d7314fd943074486118a,",
+        "common.wcag-state.d": "S:974ea3185a3735637800878b1b76156a2cec99cc,",
+        "common.wcag-state.e": "S:01305597dde86cfa7a7429ca52b2ac85b463d8e1,",
+        "base.neutral.transparent": "S:9cf99b02763c6dae9397e4e21d86d595b4c7dbeb,"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:339",
+      "$figmaModeId": "6:14",
+      "$figmaVariableReferences": {},
+      "group": "brand"
     },
     {
       "id": "f5b6c8fb09c0a683c6037de2c2b4bb8c553ff9e8",
       "name": "DigiD",
       "selectedTokenSets": {
         "DD/component": "enabled",
-        "component/button": "enabled",
-        "core": "enabled",
-        "semantic": "enabled",
+        "component/button": "source",
         "DD/semantic": "enabled",
-        "component/alert": "enabled",
-        "component/forms": "enabled",
-        "DD/stepwizard": "enabled",
-        "component/pagination": "enabled",
-        "component/link": "enabled",
-        "component/ontwikkeling/card": "enabled",
-        "DD/header": "enabled"
+        "component/alert": "source",
+        "component/forms": "source",
+        "component/pagination": "source",
+        "component/link": "source",
+        "default/core": "source",
+        "default/semantic": "source"
       },
       "$figmaStyleReferences": {
         "common.highlight.base": "S:f8f46a43b805f4723eadb8c5fb2b20b8f220376c,",
@@ -3434,77 +3062,9 @@
         "mobile.heading.level-2.400": "S:3457bfe3c11dcac8eb26f81971a16165693aec5d,",
         "mobile.heading.level-1.700": "S:9781d55024cbe94ca16ec335603ee471140d574d,",
         "mobile.heading.level-1.400": "S:78ae876747b1b553d1e41168b10f91f1ec145a39,",
-        "dd-component.stepwizard.background": "S:1692fcdb37523f0e428153ed1ea1eb2224e4442c,",
-        "dd-component.stepwizard.border": "S:3ad26cfb1e6de71318d40daf9cf47ad2adf73479,",
-        "dd-component.stepwizard.background-hover": "S:3ef811eb9fb60287200271a1b7fc426b864ca8f2,",
-        "dd-component.stepwizard.label-color": "S:eb091d0ec79875c249328b6d8245f083ffa92510,",
-        "dd-component.stepwizard.text": "S:3a3813d999e28fb3ecb4f8fad59d8b3a8b0365a1,",
-        "button.color.secondary.border": "S:a97f7216ca2eec0b92bbef0b2456ee50bdb3c6b9,",
-        "button.color.secondary.hover.border": "S:81f36c816ebb40e096a7d216cc64dc6ab69192f3,",
-        "forms.control.color.hover.border": "S:eeceee0be275b2ae3238a9db91897fb433eb35ad,",
-        "forms.control.color.hover.fill": "S:3cda615c08949ddc183eab7a67a51c7090c5ed94,",
-        "forms.control.color.active.fill": "S:b590a9442e38519299305438dab6a7a23a73cb7b,",
         "color.brand.default": "S:3b2f9faeec461c138b8bd3b4bb7ebfe41b1c4391,",
         "color.brand.subdued": "S:40f4e6e221a8154e82e0cafa2593afc2ac55f38a,",
         "color.brand.hover": "S:6a37efaaa024002b8a8322273d941c4ac52546f8,",
-        "link.color.foreground": "S:f8f31fc64c28c231a57684dc854fe6bb6ed30314,",
-        "link.color.hint-text": "S:24b7b38f910a3952de5ecd083c98c83458f07f13,",
-        "link.color.hover.foreground": "S:8241a43efe9b26743f047d69dba10ac5a09f5a9a,",
-        "link.color.inverse.foreground": "S:3e1d6d7677e68f35d6c9ed22099c2ed6905f6986,",
-        "pagination.number.color.background": "S:ab31f5dd68bc6d6a01b7ee2b0c3b26b904a0b3c1,",
-        "pagination.number.color.foreground": "S:faa5c3fa3955d0c510f4fe4e4100957566fd822c,",
-        "pagination.number.color.active.foreground": "S:323f38880392dcc333b0a042e4c60eec50e8cb36,",
-        "pagination.number.color.active.background": "S:b13596ebac5b656cc885fda360ceffdd23d8af1c,",
-        "pagination.number.color.hover.background": "S:9d49794884ac2ecebd47cf62fc00457dbe520dfa,",
-        "forms.color.foreground": "S:a19caaf32867fee787a02e23fa49d9bdebb21a45,",
-        "forms.color.hint-text": "S:2be2945af22f017e2fd0e9e54838cde5c2266616,",
-        "forms.field.color.placeholder": "S:6c935c2c6a0e9156d30c0af651528545b58797f0,",
-        "forms.field.color.background": "S:b53229b7aceb2a1d7a18de54626b4094fd2b7f98,",
-        "forms.field.color.border": "S:c90f24a8f5dc7b30b5aa47f9921b92b8844d65e1,",
-        "forms.field.color.disabled.foreground": "S:70945901d19c683909f515c8fad8019365cd02a4,",
-        "forms.field.color.disabled.background": "S:f4598cc1fdd3f4bd6d5483122df8ad5de020c200,",
-        "forms.field.color.disabled.border": "S:bb8b62b9e9a21c3040660c6a9be0970dbd5743ed,",
-        "forms.field.color.error.border": "S:c1843fabbf2c89aa59b3395b5f20473495421e53,",
-        "forms.field.color.error.icon": "S:d79870c012869f0a4fe65673258f548056c88eaa,",
-        "forms.field.color.active.border": "S:052e29f8fbf99358096573ee6b0d46a020b4e63c,",
-        "forms.control.color.disabled.foreground": "S:ddab16a2df9b6bff8e851c8c55807e0b7f8355c6,",
-        "forms.control.color.disabled.border": "S:5e268b07d88ddcc738b27e26aa6d0053a209c61e,",
-        "forms.control.color.disabled.fill": "S:51058b625a13f9c53b087c54e19a567341b25e75,",
-        "forms.control.color.border": "S:06135d1739c1864b64c37f6dee797a97ac75e300,",
-        "forms.control.color.error.border": "S:50130415338a1680a775723bf5d03ba7ffae1ca0,",
-        "forms.menu.color.background": "S:1168733275438a04c2809d708a05d98a5609734f,",
-        "forms.menu.color.border": "S:e176590c42a957e1abaa49796869d880406a0b53,",
-        "forms.selector.menu-item.color.hover.background": "S:230b2ec430af6d93a422705ec4558148bcb5a918,",
-        "forms.datepicker.date.color.background": "S:d77f1412a56a265f14568301d3b40a7d8eb302d5,",
-        "forms.datepicker.date.color.active.background": "S:f2749594b0785d8a0f8b5b58c72b688e0c874e00,",
-        "forms.datepicker.date.color.active.foreground": "S:400a168aecf2a6b5bdc362a3fff6096ee51e5a92,",
-        "forms.datepicker.date.color.hover.background": "S:8f8f8afebf7cd200a22125549ff77fd53fc8b24a,",
-        "forms.datepicker.date.color.disabled.foreground": "S:d2432de25f51cd8da62d70f93e2f17ea131141c5,",
-        "alert.color.info.background": "S:bb2c9c1b9ca0f90e79a927f35fb23560679b39ba,",
-        "alert.color.error.background": "S:8629d2dd3944e5aac27e98b659c0496dbfcfe564,",
-        "alert.color.warning.background": "S:36718ae19b558aed399a938b44893b2d5c982d57,",
-        "alert.color.success.background": "S:c9776f6391c5bd103872b60e0ce3c1ad98a8621c,",
-        "alert.color.foreground": "S:fe9153eaca76fb03ee30c2f51c22dc2b63c1602c,",
-        "button.color.primary.foreground": "S:90bf376f710c27d917409c594339a492f228628f,",
-        "button.color.primary.background": "S:f8c6a0ff0a687e25e1b079a73a336e700a2ca7d9,",
-        "button.color.primary.border": "S:a1a07aece8908ef8390fa3203f431b8001992ddd,",
-        "button.color.primary.hover.background": "S:234dbdcb39caa07c3bced55019e81536ba948ebf,",
-        "button.color.primary.disabled.foreground": "S:d34f37ac8e1e90d9e474f530c28f5a998ffb40bf,",
-        "button.color.primary.disabled.background": "S:b5c5ec6d80c25d53695e36c8a6d7e82e78441fa6,",
-        "button.color.tertiary.foreground": "S:f4dc016bab4c0939168a8cc61229b893e76cb0f9,",
-        "button.color.tertiary.background": "S:3beb90bcefb384e9f7d8cbcc8382f124a803befc,",
-        "button.color.tertiary.border": "S:77d3ada53c25f5f6f9d04794dc9503888895715f,",
-        "button.color.tertiary.hover.foreground": "S:2bdb316e7fd52183607c10998f96e48a57159c47,",
-        "button.color.tertiary.hover.background": "S:9039f8a76258a566e0590b99cd79b5a73119fd5b,",
-        "button.color.tertiary.disabled.foreground": "S:6f6377e8aeb25237e83c4d718a8ccde2be37c8bd,",
-        "button.color.secondary.foreground": "S:3f8c082dbcc4b0c1418e8478e095a8113ba3e82d,",
-        "button.color.secondary.background": "S:1295e76750fb5ed2bd633cbd1d21b14283ba4035,",
-        "button.color.secondary.disabled.foreground": "S:7c42ade6330aca04cb9d709df366da8dc279ed68,",
-        "button.color.secondary.disabled.background": "S:f6f94d75ba3e96ad3e25e62c271c9a94e256c19b,",
-        "button.color.secondary.disabled.border": "S:182fe1e8d6385338f1034d40caa1066efd83f6ec,",
-        "button.color.secondary.hover.foreground": "S:19645547c3e82b3d67e3fdbbff85c11d563e0203,",
-        "button.color.secondary.hover.background": "S:9a8c26989c9bd3074f90e0b894b478e5593aff4d,",
-        "button.color.loading.foreground": "S:2c3e49859749d3e833ef9176a1166f50041d7e2a,",
         "color.foreground": "S:0a6b6c87cfb5655dc3960e85895097c8645d7d74,",
         "color.background": "S:bc5ec6872121070a7794bf578d097625bb552982,",
         "color.border": "S:db48abdd04ab20a03a7c67b84b6f295a9c5f70e2,",
@@ -3593,67 +3153,406 @@
         "color.robijnrood.100": "S:4a4ffcee6dd8fe5f969ee41c0b30073162ef837d,",
         "color.robijnrood.200": "S:6c06416da5bbbce6959eeffb132abaa8e8d2b662,",
         "color.robijnrood.300": "S:909936802c890da541bbaff021b9f719191ae1a2,",
-        "card.font.body": "S:b553bc790dda27781621a32707bb87ccfee6233c,",
-        "card.font.title": "S:9df0680591cc16cff875093a2a35e6f77a8b1236,",
-        "link.font.default": "S:11ce8453bb5b785e33397fbf0bde6ebfcd5d10bb,",
-        "link.font.hint-text": "S:dda74d615fd014d6cee35293556e275f30684ec7,",
-        "link.font.inverse.default": "S:a2f4597bef34dec1e186971a86bb9bffec93ae4f,",
-        "link.font.inverse.hover": "S:952e18c402519d328d2244446e14b48015fbebc5,",
-        "pagination.number.font": "S:b6b60c029d806237df2501f81bbcc9ee19cf892b,",
-        "pagination.number.active.font": "S:dce5051f239b29828c6e546afb019b854bfa3f87,",
-        "forms.font.text": "S:c4bb7d3edead656bd3c6bbe757f5cb22556536d5,",
-        "forms.font.label": "S:b889f3378006eac987d1ae7ee6b583a750e5f3f0,",
-        "forms.font.hint-text": "S:49ee382144831487bdfd04677b8ae87c9a947db0,",
-        "forms.font.selected": "S:5d9bd38248fafef99631a668a1d5d208b2b5f4e3,",
-        "alert.font.title": "S:f34fcecd7d01917262ba3bc6954e78bc11b5bb60,",
-        "alert.font.text": "S:b16ce48ca15d9c2ab2098db501e45c71c0a4ee0a,",
-        "font.body.s-400": "S:751567d5648e38b36708aa4f90eefcd4df9a5327,",
-        "font.body.s-700": "S:34df286319bfa4127c6be360ed51cb37dd5fc58b,",
-        "font.body.m-400": "S:9cbac76049432400a0b4fd8ec643fc89fd5bb07f,",
-        "font.body.m-700": "S:df3d99de27b7e53385562b04aea19e30165173ac,",
-        "font.body.l-400": "S:64aa034c80b9169d45687692310998237afc27df,",
-        "font.body.l-700": "S:a141f9dd49a4fcfed974e886a001c06d22db0a92,",
-        "font.paragraph.default": "S:c29d9412c1c8fad068b94c9c536d079fb5a39258,",
-        "font.paragraph.lead": "S:5355e02316ea92c77af34ce574d633c59e31fad3,",
-        "font.heading.level-4.700": "S:b0fd763ee2da7e7720af49cf91d311e0a5a848a0,",
-        "font.heading.level-3.400": "S:10686b7c3648119103caf591f3350bd3c2c2fe0a,",
-        "font.heading.level-3.700": "S:0fbcc8a563012b7efc6f676da1262fd2f965efe5,",
-        "font.heading.level-2.400": "S:925aa5f40ce98c58903e53c439ac1de1c55d9585,",
-        "font.heading.level-2.700": "S:e11ea8a3ca0b2e327e08eea295acda05cea6aeb0,",
-        "font.heading.level-1.400": "S:5dd48f45c67bacfc6f5adffb13f0fe65f83d32d8,",
-        "font.heading.level-1.700": "S:be78f800b41525307ac1b315369d0bf57d21f898,",
-        "forms.menu.shadow": "S:4180490929e9c0d8131f82862eb9eafea2b2a972,",
-        "shadow.default": "S:b1ee029c3888b302213171921d746f03bc052d42,",
-        "button.font.primary": "S:f58e22f3f32f109861745be6953c12ddd2c3ddf6,",
-        "button.font.secondary": "S:8fced07f084035ffa6d1a3f7464881536e73fbf3,",
-        "header.color.background": "S:150968cc5b00df92d379bce76f7f203f5953a210,",
-        "header.color.foreground": "S:24a26a0a0cfe4d66a9d61b903b83674231ff4be9,"
-      }
+        "shadow.default": "S:b1ee029c3888b302213171921d746f03bc052d42,"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:339",
+      "$figmaModeId": "6:15",
+      "$figmaVariableReferences": {},
+      "group": "brand"
+    },
+    {
+      "id": "b6dc798fba8b7d19c140d8d5a2d86c967eb55c9f",
+      "name": "dark",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "dark-mode/semantic": "enabled",
+        "dark-mode/component": "enabled",
+        "default/core": "source",
+        "default/semantic": "source",
+        "component/button": "source",
+        "component/alert": "source",
+        "component/forms": "source",
+        "component/pagination": "source",
+        "component/link": "source"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:457",
+      "$figmaModeId": "6:16",
+      "$figmaVariableReferences": {
+        "button.color.tertiary.hover.background": "d6efa56dd667e2da80a68a3c4c86fd4c33be3c49",
+        "button.color.tertiary.hover.foreground": "e1c7eadbfd1221bcaad8b7e7b0c3cf3db4e8ed64",
+        "button.color.tertiary.foreground": "02d8d08c229f4a1bd49f2c6ec0b97f62659230b9",
+        "button.color.secondary.hover.foreground": "eb8b799db4251cfe71116d3ecc3d76fb97e6ebef",
+        "button.color.secondary.hover.background": "8f63577a2ef4eb7f07b80df6448f2236ece551f5",
+        "button.color.secondary.hover.border": "0f6bf5cad3ed619b532c78b1c35c71cb40f67f95",
+        "button.color.secondary.foreground": "aacdddc96ee00576e96bdc55afa3d9eb26efc366",
+        "button.color.secondary.border": "66a3152890b09c287c180715f3965a254c82c0a8",
+        "alert.color.foreground": "dfa0ea6d73ee4fe9739ede2a1a3c286c4facc07d",
+        "forms.control.color.active.fill": "d3b7d125d24145376a881c7af3f3552a8f5c147d",
+        "link.color.foreground": "cea1d252b0ea9837572f0878d7bbb64a0bc3d41d",
+        "link.color.hover.foreground": "0619e9705e02b4eead4b095935d8e807f3a6ffee",
+        "color.foreground": "01e10e8d5ebc751c2aaacb91cba7416621607d27",
+        "color.background": "80b465734776af2cab1eba7b20c5bed49943e65e",
+        "color.border": "ef721e99f01cefea21d532685af155c832314efa",
+        "color.canvas": "6e9fd5ba5d4639d560cca006d9e44196d22d4465",
+        "color.onEmphasis.foreground": "40fb8f7b128ff9390ea00dc08a56c6c11f9be679",
+        "color.subdued.foreground": "c98fb57de1bec3da13d6a0b7bbe52eda4581c2e8",
+        "color.subdued.background": "072b877392a94c7acf5af0be7cad7f33ad966057",
+        "color.subdued.border": "86ceb18741e22b4a64386027b19413a06ee1a391",
+        "color.hover.background": "9104bcb77651146c9f06c4d6b12d2a0748dfd9b0",
+        "color.brand.default": "970496a7ba58453133be51902b64f9d1107ae2ad",
+        "color.brand.subdued": "e38969781e0215d34b205e7d2e02d77f155ca941",
+        "color.brand.hover": "7818460f061769fc808701a27622cbe46f826427",
+        "color.feedback.info.subdued": "fd65a822afeb96b1eb9e070f5ce9d368cc144c42",
+        "color.feedback.error.subdued": "16b6d4446aba8af9a86159e9e823c4c6c126156f",
+        "color.feedback.warning.subdued": "4520b1a59d3ca8676e3fdc4e4020d6750292047f",
+        "color.feedback.success.subdued": "354e52a2216d649c0a04f5dd8ee89e9c10e19bb9"
+      },
+      "group": "mode"
+    },
+    {
+      "id": "6bc5fe5338747a8377812225c705877a5e69aea8",
+      "name": "light",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "default/core": "source",
+        "default/semantic": "source",
+        "component/button": "enabled",
+        "component/forms": "enabled",
+        "component/alert": "enabled",
+        "component/pagination": "enabled",
+        "component/link": "enabled"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:457",
+      "$figmaModeId": "6:17",
+      "$figmaVariableReferences": {
+        "link.color.foreground": "cea1d252b0ea9837572f0878d7bbb64a0bc3d41d",
+        "link.color.hint-text": "b2197357164f2d0da5f866805c0ed97a01b6bb24",
+        "link.color.hover.foreground": "0619e9705e02b4eead4b095935d8e807f3a6ffee",
+        "link.color.inverse.foreground": "f3e1424dfb40c6f07fecad11bd82afbb66bc52d3",
+        "pagination.number.color.background": "53aa6ea1b9697249d294a012a418e87acbb9ced7",
+        "pagination.number.color.foreground": "8e47523a5066a19ad2c25d2f03e4de40613faee5",
+        "pagination.number.color.active.foreground": "459fcd06c7d043c0eef88342b510d485bd73471d",
+        "pagination.number.color.active.background": "7e2f7f62084e77c872a41de89df16467e9fb3d77",
+        "pagination.number.color.hover.background": "03877c27328736f716565d9cdc4cbd3260d6faf2",
+        "forms.color.foreground": "d959cddd5b2353ad86c98fe36f7feb50db5375c1",
+        "forms.color.hint-text": "4ba45b42c91e0c793ad1e00f7900574ba64b9e65",
+        "forms.field.color.placeholder": "7ae0cfb0c3120048e136a4d94f6dcb5207b3a574",
+        "forms.field.color.background": "b60868a116daef796af4e5de667453616120c129",
+        "forms.field.color.border": "ebd3d9ff1b10be941cf195304c86bd2e1b5085ab",
+        "forms.field.color.disabled.foreground": "a2dc60d03aabbe5a4d34192309c1b6d6fb87c6fc",
+        "forms.field.color.disabled.background": "7af1f71d81b5b9decc64f0e2e7b0fa470426a0d5",
+        "forms.field.color.disabled.border": "414ab181c17c5efc5fc7f4bbc054762b3986d998",
+        "forms.field.color.error.border": "8fdc7e8ce7c784121412bfc8457d3c5cdd832025",
+        "forms.field.color.error.icon": "71bc9801ed3e5a13a321dee52e8b1a07d6799a4d",
+        "forms.field.color.active.border": "f77870b262a2c2b0e13857ef5428653281f4589f",
+        "forms.control.color.disabled.foreground": "6808671fa5b27daa734f4a8cd4b1fd73d41d4c99",
+        "forms.control.color.disabled.border": "65b36dde0fb06f5df9c1e2b710bed30b5bebda9e",
+        "forms.control.color.disabled.fill": "e4645edbaed43cacfcae44cea04cb0cece81c497",
+        "forms.control.color.border": "f0443fbe7c361b7f94ab29423cb356ac04455ea2",
+        "forms.control.color.error.border": "321b0fc586d0c0bf699879df32a1e7804c077bf5",
+        "forms.control.color.hover.border": "37e4cf4162ddf6f3ebd6d4d3f711b523411c728e",
+        "forms.control.color.hover.fill": "e22ca031c7f63f0b336ef0ba4f287981e255198a",
+        "forms.control.color.active.fill": "d3b7d125d24145376a881c7af3f3552a8f5c147d",
+        "forms.menu.color.background": "4b0036c3735aa842a631165579f772adee20f2f8",
+        "forms.menu.color.border": "e82ee85dd0f055f663508b03a4e8ec7e389cd709",
+        "forms.selector.menu-item.color.hover.background": "880a18407274aececdb42921279d6f02d9164abf",
+        "forms.datepicker.date.color.background": "843935f5d6168e3c101283dd4f8e8d64ac4ecae3",
+        "forms.datepicker.date.color.active.background": "f7fea57be6f573c5f362c02ddb0db11640904c78",
+        "forms.datepicker.date.color.active.foreground": "843b0afb1c61b629e657f16b8f5a9f56da7e2514",
+        "forms.datepicker.date.color.hover.background": "4b39f2cd143b7b8f0888a208774e9ee1cfaf0ca5",
+        "forms.datepicker.date.color.disabled.foreground": "3f002de6b121491c3be67b7b4247de60ec9414a7",
+        "alert.color.info.background": "3fca4207fbba7283139321343cf654941394c699",
+        "alert.color.error.background": "6811ae1db5af0b10c70e13f8df95d58e97b004f6",
+        "alert.color.warning.background": "e33bc8e71fadf4d64c32f8f004559ee3f7e97bae",
+        "alert.color.success.background": "f413345b8523d6913c5a46a9c78045074b521081",
+        "alert.color.foreground": "dfa0ea6d73ee4fe9739ede2a1a3c286c4facc07d",
+        "button.color.primary.foreground": "d63bb94ce8298f39e3a6bb202f48dc3e2072f442",
+        "button.color.primary.background": "9f4dbe21d40c330a9337228470c1379e0b5332ba",
+        "button.color.primary.border": "d4ee6fd7b33cd1a40104ff9ffba05247b8014f2d",
+        "button.color.primary.hover.background": "e8c51948b2a79dea7cab1a01047d254437c587cd",
+        "button.color.primary.disabled.foreground": "b1549f2fc43603f6196aa71782633c2504ba8be5",
+        "button.color.primary.disabled.background": "44cf140d558214471a56b39c49e82c748e0498de",
+        "button.color.tertiary.foreground": "02d8d08c229f4a1bd49f2c6ec0b97f62659230b9",
+        "button.color.tertiary.background": "e992110fa26c3724c5afb5b1b6b0c2b48a42955f",
+        "button.color.tertiary.border": "cad5e24f73bfb1a20fce1f7bb003a6bda81c96c2",
+        "button.color.tertiary.hover.foreground": "e1c7eadbfd1221bcaad8b7e7b0c3cf3db4e8ed64",
+        "button.color.tertiary.hover.background": "d6efa56dd667e2da80a68a3c4c86fd4c33be3c49",
+        "button.color.tertiary.disabled.foreground": "5f2fe4a77662d686df7a0b56c4d95ec062b101a4",
+        "button.color.secondary.foreground": "aacdddc96ee00576e96bdc55afa3d9eb26efc366",
+        "button.color.secondary.background": "24e7dce21b8c6eba08291a795063981366c5ba09",
+        "button.color.secondary.border": "66a3152890b09c287c180715f3965a254c82c0a8",
+        "button.color.secondary.disabled.foreground": "746e1bcc3c528a14a6a72439c641795f3210c06e",
+        "button.color.secondary.disabled.background": "d0301a7692566c624a4bf41a0dbc2ac5f5df7f44",
+        "button.color.secondary.disabled.border": "a7ba5976c06d31496563e356b7016f34c4230f66",
+        "button.color.secondary.hover.foreground": "eb8b799db4251cfe71116d3ecc3d76fb97e6ebef",
+        "button.color.secondary.hover.background": "8f63577a2ef4eb7f07b80df6448f2236ece551f5",
+        "button.color.secondary.hover.border": "0f6bf5cad3ed619b532c78b1c35c71cb40f67f95",
+        "button.color.loading.foreground": "5b9e15a5fba3cf06146c3e048bf0f4a2de6fdcf2",
+        "link.space.vertical-padding": "452d5c945c4e8971f975079f8045621cc466f82f",
+        "link.space.horizontal-padding": "4bb39dbb6cc93e7ea092705c700253fa52aacda4",
+        "link.space.gap": "901d55af9c4f5dbad0e1ebe55bb1d0243be35b3e",
+        "link.space.compensation-height": "785b8aa4b1ad2278d1b61716cf2f9b0aa802af67",
+        "link.icon-size": "4cf63e65812818b8d1f3ad419c6141ef70879a8f",
+        "link.size.min-height": "ecc1fffd2da0297f2cb75afad172d6401cf9ee05",
+        "pagination.space.gap": "79c97fc9cf38a5f70d00517ed62710f77de14e1c",
+        "pagination.number.size.height": "6f762eb290934118820dfd8c857a619627c237ac",
+        "pagination.number.size.min-width": "e6fa772aa81e75e418fdfe240f73e847737f285e",
+        "pagination.number.space.horizontal-padding": "03213b1a0cfc2feb7fe6f74195d140e561f6e512",
+        "pagination.hit-area.size": "b0e320b84a93b8857678ad75338697e6e0cd2d6f",
+        "forms.field.border-radius": "946fe8edb976372ccc1bcaed51b4010dbdaf6a05",
+        "forms.field.border-width.default": "21008419cb0f8fc0a948be4d32577282ad8030f8",
+        "forms.field.border-width.active": "060e8afe5b91fc7154e0c202690296ba0ba576df",
+        "forms.field.space.horizontal-padding": "4c10ffcfde9c047351d0aa84090b6fc2b004d604",
+        "forms.field.space.gap": "7e5b5a83169dd2d39b4c46f0ac57845577effea2",
+        "forms.field.space.inline-icon.padding-right": "8203a2d2fa5d1d3e9b0573deb26d556d2a76cf3c",
+        "forms.field.pulltab.size": "d5f2b3db863f4bf0deabcd2920f032edbcc321de",
+        "forms.field.size.height": "d9e04222b8cc742aea97603754f336cbff50684f",
+        "forms.control.space.vertical-padding": "c5ca405363907dccab3331c8ecf495a293860e15",
+        "forms.control.space.gap": "75a47abfb0dbc07cfe37814043614df550a5dbf6",
+        "forms.control.space.compensation-height": "7b139cc09ced129a3f74c7673aab09e9c2f916d6",
+        "forms.control.size.min-height": "fa95a0bfbb6e257da9a35907833a01b0e80b88d0",
+        "forms.control.input.size": "fd1c7a67b14ba34a0873b649bef63877b4bd1aa9",
+        "forms.menu.border-width": "cb8a8dc83e11b9ef9b908a4fa39f36aed3cf9de5",
+        "forms.menu.border-radius": "c49d7d2c475963bb5b32be05a248546fae91fac8",
+        "forms.selector.menu-item.space.vertical-padding": "9c126dbedc22305d140593407973d899ba44ccb4",
+        "forms.selector.menu-item.space.horizontal-padding": "f95ae4049d451a8e1043484d56f3788acfb9172c",
+        "forms.datepicker.date.border-radius": "d83aa68148f8f8abf07d2aa4f669a38b05da72e8",
+        "forms.datepicker.date.size": "9d3d2343f6fd0754fcab0050470824a6a240f35a",
+        "alert.icon-size.alert": "f5bf5be958c4aa0a1aff1094d36c080f96755326",
+        "alert.icon-size.close": "4342470e419bab679553ec07159ddfbacfbe4282",
+        "alert.space.vertical-padding": "690bda347e3797afd14291cb9dede5046912cdec",
+        "alert.space.padding-left": "dca45c038d39ad5377bafa624aed8e8d625918c0",
+        "alert.space.padding-right": "62dbe4f2e55e2a3004d50c17ca4630543c50ab2a",
+        "alert.space.gap": "120c9d6b627966f9050cc7bc01f1b6742c54028e",
+        "alert.space.closable.padding-right": "c81e5eb42442de2a04b7c4a134b6429646d017e2",
+        "alert.border-radius": "b2b39e2ecac9c21b3ff334c75ecadb0c7cfb6804",
+        "button.space.small.vertical-padding": "bae21699cb083bb3e30a75268cf1dff892516b84",
+        "button.space.vertical-padding": "7436f7ffb82a949491bf0103a8e357af717334ff",
+        "button.space.padding-right": "e235669c09ac2ea1f01eace1ec71524e0eee797b",
+        "button.space.padding-left": "465843c28848985db770ced19f4d575e62d55313",
+        "button.space.icon-left.padding-left": "666bd06551dd4a54ed19033f9e1a297d1f253322",
+        "button.space.icon-right.padding-right": "a1ed2713f8edc085f776457a07849ea5f8d34036",
+        "button.space.gap": "98562b690871aae1e7704244cc979ef2592cabe6",
+        "button.border-radius": "6fe23ca9d9fab5890c52da5d6c451603ffa14777",
+        "button.border-width": "dd7951d33964afc070c213ca529c0a7c0f782428",
+        "button.icon-size": "b8c7c154d679b4f3b75fcf698ad9edc22f8b5192",
+        "button.size.min-height": "ba3bf59440c239c2f532a3606b8ab9ad550b304b",
+        "button.size.small.min-height": "09bb978d3cf2cf3dd8f203225a77e8878f8b1226"
+      },
+      "group": "mode"
+    },
+    {
+      "id": "9df6f6390e04643bf0ee1a256b8e1ea9f2c9d1fa",
+      "name": "xs",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "breakpoint/vp-xs": "enabled",
+        "default/core": "source",
+        "default/semantic": "source",
+        "component/button": "source",
+        "component/alert": "source",
+        "component/forms": "source",
+        "component/pagination": "source",
+        "component/link": "source"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:487",
+      "$figmaModeId": "6:18",
+      "$figmaVariableReferences": {
+        "forms.control.size.min-height": "8931a1b33e1c03338ea04c25c61a84a98f7ce6d1",
+        "forms.control.position": "6fd86c92d329a8b5fea3549d8f47acf9db59f62e",
+        "forms.control.space.compensation-height": "3d948c4bbc9dcb0bb20f10a52d828ca6ec4df460",
+        "forms.input.control.space.vertical-padding": "a53d9354ad2b71993d1f07645760b402d638e7a8",
+        "forms.input.control.space.position": "18330ad7926841428c4c2f91c1a6283a8f98b2a5",
+        "forms.selector.menu-item.space.vertical-padding": "1f91113b789d08fa334f6f882d4a6b19136c93ed",
+        "link.size.min-height": "198836d2d47f44c31605185f65a1a6973e4e742b",
+        "alert.space.vertical-padding": "fa82fee9d8ab1d912c0fd573cf5a24f840d0f36b",
+        "space.compensation-height.small": "db4d2850516297e2e3e388804115e6128bb4a878",
+        "space.compensation-height.icon": "3c49ba1e944f28f6d1a4a74e960f19536dbb2c7b",
+        "space.listItem": "c9187f5024f1780a10c181a834171f242f67b66c",
+        "card.space.gap": "0eacb5a16d0ebb4667b3b505d8d51a8db06aeb62",
+        "card.icon-size": "d09e78f214bfb1a2c3b860a47f0e06df9470c851"
+      },
+      "group": "viewport"
+    },
+    {
+      "id": "1bb90812737e3842bdc63ae480b420c06fd76044",
+      "name": "md",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "breakpoint/vp-md": "enabled"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:487",
+      "$figmaModeId": "6:19",
+      "$figmaVariableReferences": {},
+      "group": "viewport"
+    },
+    {
+      "id": "a99df459f03533a690b4689febcce7a972b217c7",
+      "name": "default",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "default/core": "enabled"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:501",
+      "$figmaModeId": "6:20",
+      "$figmaVariableReferences": {
+        "logius.color.grijs.100": "47cfbf1ea1596f9dbb5363715cc168f5bd34305e",
+        "logius.color.grijs.200": "ac3e2c0d2d191bb285115065ee4bf248028a082e",
+        "logius.color.grijs.300": "276527217b43a1f70f26ef600eaf2f5933a55146",
+        "logius.color.grijs.400": "9b2b8ff595d6c88b402697fda6e2110ea1bcb26f",
+        "logius.color.grijs.500": "eb387ae4406c0574a8bdf8024ab48bee9f542dcc",
+        "logius.color.grijs.600": "c9e476169ec75de6acb0409911ba46f44f495015",
+        "logius.color.grijs.700": "bd652e97fe679afd631abf9f572ec8caf1bfb86c",
+        "logius.color.grijs.800": "95439693cbf4ec617ea7daafae239574d19c9f51",
+        "logius.color.grijs.900": "65ab6629f5ea89e51d7a42b2f5e7209f9e4b2d28",
+        "logius.color.zwart": "09323574eedf65ee21c774d684c151af3a8a888b",
+        "logius.color.wit": "adc4ce740a835a4f8719a7d3285481b58cef2d0b",
+        "logius.color.none": "f5fca2a1871d6cc28bd61189a8240d8f0ec73427",
+        "logius.color.lichtblauw.100": "3e2289157f56374a5e9cf4074b5a833a5dfe8346",
+        "logius.color.lichtblauw.200": "47c1390157237d654b371f3244f55f6c11446115",
+        "logius.color.lichtblauw.300": "3b25c6fad404d2afc7f3cd44affcad06a2e85f71",
+        "logius.color.violet.100": "0089fb40ce4ec20c88b63d8e69606a00c49dbe34",
+        "logius.color.violet.200": "6e78d434317847c88c94c5112a76b274d163b1bf",
+        "logius.color.violet.300": "bb459dcbd402f442442e1858363e1a17f49e3ec5",
+        "logius.color.violet.400": "2692fc05c3e4f82641e50617a87a78682b40720e",
+        "logius.color.paars.100": "ee8336d0aeddbf54d8f972944e29f1a81c8f1b5e",
+        "logius.color.paars.200": "f29c1b70fbaad04962420e6e43c5f6988bde7343",
+        "logius.color.paars.300": "b5562e56f050f9cc7c4799066f09bcc3adbc2da4",
+        "logius.color.paars.400": "85e6fd2cfcd4b3f993857ba3bbbdd3cfce4ffa8e",
+        "logius.color.hemelblauw.100": "3ed3fa47c06a8406cf63da0c36ff092db0d15d1a",
+        "logius.color.hemelblauw.200": "0e62cdc72506c88b5e8d6a162acc789f1aa9e507",
+        "logius.color.hemelblauw.300": "52696e3178e760f8b6dc55f3dcee47c23de03892",
+        "logius.color.hemelblauw.400": "48ec37b444a148040746ead9dc7482f4e5172b84",
+        "logius.color.donkerblauw.100": "7fdffc0be2048a6a30aab9b0d07a65f1a9723df8",
+        "logius.color.donkerblauw.200": "ecc84dc53e49673d8fab012926487277e683d020",
+        "logius.color.donkerblauw.300": "af477a4f31c9003d2384d05351a94f64fd11c86e",
+        "logius.color.donkerblauw.400": "ddbec7d901cdff68a5ea6e19c4cb76467f7581d5",
+        "logius.color.mintgroen.100": "9fd389955e67389187471eb6163f98841988f564",
+        "logius.color.mintgroen.200": "1e123d4ef5687c407daacd4ac8bd0b212076361f",
+        "logius.color.mintgroen.300": "290a6daf1ec388feff7f1a204f65a032c485485f",
+        "logius.color.mosgroen.100": "b133297d56901148f9ddf70a489eb91e52d2c447",
+        "logius.color.mosgroen.200": "e0b99d3a12ed94830fb69ea2b3c58f25259f9d83",
+        "logius.color.mosgroen.300": "b890a55f3740e7b684cdbb6fc36cdc713f6d9264",
+        "logius.color.groen.100": "dedf03a68925082c9dabf6426a9107f4a79e31fc",
+        "logius.color.groen.200": "375d03710bcde7af61b44a3768808ba2a0e4c7b4",
+        "logius.color.groen.300": "8fc9e423237dcecc5c430ca729e27a3ba749bfef",
+        "logius.color.groen.400": "fe3fbca9fdefb6fd08da1ed99dc2afa77b49306f",
+        "logius.color.donkergroen.100": "caafbb26ade7f45e3f94c66a4869c852e10da213",
+        "logius.color.donkergroen.200": "5553f15f6d2846cfb5c62106994f3f83d6eb18a4",
+        "logius.color.donkergroen.300": "f5f9b342f76ad404ba8a4ec144bed388bd5b2341",
+        "logius.color.bruin.100": "be0c1cb822e3f5bb0329be121b8e65080b33b423",
+        "logius.color.bruin.200": "96d6245e81363895314d6ac8860101e2f8379bd7",
+        "logius.color.bruin.300": "622900233fd0e4006de5ef71d187cb84d5798228",
+        "logius.color.donkerbruin.100": "2eb4f71b04fee77567e284333595ca47b7c84a9b",
+        "logius.color.donkerbruin.200": "fc56d4f0ad5122693e5a1ea3228eb91c26d0d1e8",
+        "logius.color.donkerbruin.300": "43235eebe3874ced3e98cee5f04f7854804beb0f",
+        "logius.color.geel.100": "5a4a32295e11f76c5e3f7feb3bc6fa8655cf72c1",
+        "logius.color.geel.200": "ce0729537c78ad10f948ef9d4d51219b083a46d1",
+        "logius.color.geel.300": "8b47bf0bb348c731ff682e0156fe7abd94408da0",
+        "logius.color.donkergeel.100": "d07d82f61787d8fb854eab6c4d81f889705050ba",
+        "logius.color.donkergeel.200": "9bff97097b6fdf10cf14caea8966b91cc90e5e84",
+        "logius.color.donkergeel.300": "8045ac3c2d14cf70e2b752dc038bd141bb599fa2",
+        "logius.color.donkergeel.400": "b6c66dbbe94376256cb1b7e5cedac1bece622bf6",
+        "logius.color.oranje.100": "2be436f4921221a6c5df75b062b38b72d919c121",
+        "logius.color.oranje.200": "593da09b41c2189b29bf9607c687661aacc0fb5a",
+        "logius.color.oranje.300": "99bc5bc669654c8f40841062514184ecd10a89b6",
+        "logius.color.oranje.400": "145ba3ef64a6d698fe179c3445b625cb43bc0548",
+        "logius.color.rood.100": "750be0484935cf2a4b2807378de8045d4402b6b7",
+        "logius.color.rood.200": "b04cb17d9a66346387fee757b8dd106b919f3fb9",
+        "logius.color.rood.300": "456b770c763935370364ff4e5dc6774cf6ab3849",
+        "logius.color.rood.400": "fa00dd26aceb43cdb910b611e9fabad9e67972c5",
+        "logius.color.roze.100": "1d1d26164ae738e24a9c577b35ff83f8f4e5eade",
+        "logius.color.roze.200": "6061509f0f96c38ecd4740483731462c434f64f7",
+        "logius.color.roze.300": "b377d85f17c12574827f00e75263d94b124392b2",
+        "logius.color.robijnrood.100": "7b32bb2fe53aefaea6ddefbbbdb16bdbc6036be8",
+        "logius.color.robijnrood.200": "058071683a4f8f684a76ffcdee959b1f51ebfc79",
+        "logius.color.robijnrood.300": "b0848bc312faa7883aab49786eafcd23b43272c8",
+        "logius.border-radius.default": "786415bf0273c9d4091d3b4681198454de83bb76",
+        "logius.border-radius.circle": "dcd3eb89fef5c2e2d38a9adce76f6c9eebf7ab04",
+        "logius.border-radius.none": "02ebe7d8e886124a7341a473a54ca6dde90090a3",
+        "logius.border-width.default": "e2a6fb652455199f9b7c2ca421b4702ea9e5ee9b",
+        "logius.border-width.m": "f8e7629312490067f3a58065253d489563f2a8b8",
+        "logius.border-width.none": "e562e2c60e70233179cfd06094c72c4dee06bcc2",
+        "logius.space.0-x": "b2ec99b81b9ea1e4e17ffc9697d638c25aeb91ad",
+        "logius.space.025-x": "a5524c1f74527147db24e38f7bf197092554b6d4",
+        "logius.space.05-x": "0cec53f8ac909b220b7e765385d29fb90f44e326",
+        "logius.space.1-x": "2bd12c14ad337a285cfcdbbc0edf4c0921e6fd31",
+        "logius.space.105-x": "bb76c0727c68eccda33efed12ac52314064761a7",
+        "logius.space.2-x": "302ea6b7913b35745f9b67766015affce9efe960",
+        "logius.space.3-x": "d6bbd58a484bc4d4f74f638627fb972e2bac2082",
+        "logius.space.4-x": "fd9bcd753ddd50fea2e9f19a9a40289f19f6a689",
+        "logius.space.5-x": "25c1e7e517b871461ec6ab593d8cdc887c083598",
+        "logius.space.6-x": "9b155ba0d896d2811c441e72d8a5312caca4f949",
+        "logius.space.7-x": "217a99b0bb764e9752dd0e5f16a6b066fc8db0f1"
+      },
+      "group": "core"
+    },
+    {
+      "id": "289334ed79ea6af5a4940971c76ba46ca067a04e",
+      "name": "default",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "default/semantic": "enabled",
+        "default/core": "source"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6:590",
+      "$figmaModeId": "6:21",
+      "$figmaVariableReferences": {
+        "logius.color.foreground": "d39a560c48592b795102d1e1749dca50fe24c478",
+        "logius.color.background": "14065bd82b9b47a45a8d715fac915cab132165a8",
+        "logius.color.border": "813a039ce354f30dc0a42961b3cef1cc4e622a77",
+        "logius.color.canvas": "3dd65a71eff1018a6f67acff980f7088634b00bf",
+        "logius.color.onEmphasis.foreground": "ca1305b79ba9bf642536ee08a9f150330da37a2e",
+        "logius.color.subdued.foreground": "5c5b2e51c92de23294a83f6ee1d00b7a710fa831",
+        "logius.color.subdued.background": "4d5cebd303b289640b4bd0f9a8c41b5b02597750",
+        "logius.color.subdued.border": "c0dd7074513e1287ea4613053537176c9c937b91",
+        "logius.color.hover.background": "85228b64f8487f57acce4c369e010977b36fa06c",
+        "logius.color.brand.default": "e82c7ed9af686e96fb1a57805f95814781edffdd",
+        "logius.color.brand.subdued": "ce0d2fe79b1d23c60481621b04ca75546638d1c5",
+        "logius.color.brand.hover": "8b613711591d96072d52ea7473876f2cd3fa4321",
+        "logius.color.feedback.success.default": "995818e77558dbe536d8e27b670e704ef400e336",
+        "logius.color.feedback.success.subdued": "6fa133c715737222c3cbf80741eccd78548e76a9",
+        "logius.color.feedback.info.default": "43c8fa49f0640efa98b0996862729530d9c24de7",
+        "logius.color.feedback.info.subdued": "7df47bf550884c1201ad758318efc28aaffda8c2",
+        "logius.color.feedback.error.default": "74b666c1209d624c323898168aa4f9179d867c77",
+        "logius.color.feedback.error.subdued": "972b05171dd626c3a90c7ef67c54acce0aa57855",
+        "logius.color.feedback.warning.default": "60bbf5158efe5bd87bcb8e51a2ed8480715c1315",
+        "logius.color.feedback.warning.subdued": "00962e57fe53080ec6f96ebeea7fbf0b15a66a7f",
+        "logius.space.icon-side": "404875f0b4efac40a05e3c6847afd77c54e5714a",
+        "logius.space.compensation-height.default": "d3ca06238523d38a60909bd2a2440848b78e8b1a",
+        "logius.space.compensation-height.small": "b125914f461bfbbed4777abf7acdde181774aa8a",
+        "logius.space.compensation-height.icon": "2f64f91fe963cf7bfb1b3b9ee22b10df0566fc18",
+        "logius.size.2xs": "bb4db1d80990ee49dc7b1940648591c0f176d5c4",
+        "logius.size.xs": "112f1959927d7f1172af6f9b193218acf74cd8d8",
+        "logius.size.s": "07488c68f76361ca76ba6813c866275bd259cca6",
+        "logius.size.m": "fba0f844dc0c2bab2d5a7800b460871a79c8e922",
+        "logius.icon-size.default": "64f2ba98dd68cc5247f7915e7eac57a199913348",
+        "logius.icon-size.large": "c3fb5a4e14427dfacececa07b5b7351302dd51e9"
+      },
+      "group": "semantic"
     }
   ],
   "$metadata": {
     "tokenSetOrder": [
-      "core",
-      "semantic",
+      "default/core",
+      "default/semantic",
       "component/button",
       "component/alert",
       "component/forms",
       "component/pagination",
       "component/link",
       "component/ontwikkeling/card",
-      "dark-mode/semantic",
-      "dark-mode/component",
-      "breakpoint/vp-lg",
       "breakpoint/vp-md",
-      "breakpoint/vp-sm",
       "breakpoint/vp-xs",
+      "dark-mode/semantic",
+      "dark-mode/component",
       "MO/semantic",
       "MO/component",
       "DD/semantic",
       "DD/component",
       "DD/stepwizard",
-      "Digitoegankelijk",
-      "DD/header"
+      "DD/header",
+      "Digitoegankelijk"
     ]
   }
 }
\ No newline at end of file