diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 774153a4d..8f18499c0 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -68,6 +68,7 @@
     "@nl-design-system-unstable/zevenaar-design-tokens": "workspace:*",
     "@nl-design-system-unstable/zwolle-design-tokens": "workspace:*",
     "@open-formulieren/design-tokens": "0.52.1",
+    "@rijkshuisstijl-community/design-tokens": "1.0.0-alpha.24",
     "@storybook/addon-a11y": "8.2.7",
     "@storybook/addon-actions": "8.2.7",
     "@storybook/addon-backgrounds": "8.2.7",
diff --git a/packages/storybook/src/theme-builder/ThemeBuilder.tsx b/packages/storybook/src/theme-builder/ThemeBuilder.tsx
index 70a005c4c..f5b7d15dc 100644
--- a/packages/storybook/src/theme-builder/ThemeBuilder.tsx
+++ b/packages/storybook/src/theme-builder/ThemeBuilder.tsx
@@ -5,6 +5,8 @@ import { useState, useEffect } from 'react';
 import { ThemeBuilderStepObject } from './steps';
 import { DesignTokenTree } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens';
 import { treeToArray } from '@nl-design-system-unstable/theme-toolkit/dist/ExampleTokensCSS';
+import { CustomStory } from '@nl-design-system-unstable/theme-toolkit/dist/CustomStory';
+import { merge } from 'lodash';
 import './ThemeBuilder.css';
 import './property.css';
 
@@ -76,6 +78,7 @@ export interface ThemeBuilderProps {
   step: number;
   steps: ThemeBuilderStepObject[];
   theme: DesignTokenTree;
+  themeExtension?: DesignTokenTree;
   basis: DesignTokenTree;
   example?: () => ReactNode;
   allTokens?: boolean;
@@ -84,6 +87,7 @@ export interface ThemeBuilderProps {
 export const ThemeBuilder = ({
   steps,
   theme,
+  themeExtension,
   basis,
   step,
   example,
@@ -94,6 +98,12 @@ export const ThemeBuilder = ({
   const Example = example || stepData?.example;
   const Description = stepData?.description;
 
+  const currentStepTokens = [...(stepData?.tokens || []), ...(stepData?.commonTokens || [])];
+
+  let previousTokens = steps
+    .slice(0, step)
+    .reduce((arr, step) => [...arr, ...step.tokens, ...(step.commonTokens || [])], []);
+
   let relevantTokens = steps
     .slice(0, step + 1)
     .reduce((arr, step) => [...arr, ...step.tokens, ...(step.commonTokens || [])], []);
@@ -121,7 +131,20 @@ export const ThemeBuilder = ({
         ['voorbeeld', 'groningen', 'rods'].includes(token.path[0]) ||
         (token.path[0] === 'utrecht' && (token.path[1] === 'color' || token.path[1] === 'typography')) ||
         (token.path[0] === 'denhaag' &&
-          (token.path[1] === 'color' || token.path[1] === 'typography' || token.path[1] === 'size'))
+          (token.path[1] === 'color' || token.path[1] === 'typography' || token.path[1] === 'size')) ||
+        (token.path[0] === 'ams' && ['border', 'color', 'proportion', 'space', 'text'].includes(token.path[1])) ||
+        (token.path[0] === 'rhc' &&
+          [
+            'border-width',
+            'color',
+            'font-family',
+            'font-weight',
+            'space',
+            'size',
+            'line-height',
+            'font-size',
+            'border-radius',
+          ].includes(token.path[1]))
       );
     }).then(({ css }) => {
       setBrandCss(css);
@@ -129,26 +152,38 @@ export const ThemeBuilder = ({
   }, [theme]);
 
   useEffect(() => {
-    styleDictionaryConversion(theme, '.step-theme', (token) => {
+    styleDictionaryConversion(merge(theme, themeExtension), '.step-theme', (token) => {
       return relevantTokenSet.has((token.path || []).join('.'));
     }).then(({ css, json }) => {
       console.log(json);
       setCustomThemeCss(css);
     }, console.error);
-  }, [step, theme]);
+  }, [step, theme, themeExtension]);
 
   return (
     <div className="theme-builder">
-      <div className="theme-builder__example basis-theme brand-tokens step-theme">{Example && <Example />}</div>
+      <CustomStory>
+        <div className="theme-builder__example basis-theme brand-tokens step-theme">{Example && <Example />}</div>
+      </CustomStory>
       <h2>{stepData?.name || `Stap ${step}`}</h2>
       {Description && <Description />}
       <style dangerouslySetInnerHTML={{ __html: basisThemeCss }}></style>
       <style dangerouslySetInnerHTML={{ __html: brandCss }}></style>
       <style dangerouslySetInnerHTML={{ __html: customThemeCss }}></style>
       <details>
-        <summary>{relevantTokens.length} tokens up until this step</summary>
+        <summary>{currentStepTokens.length} tokens for this step</summary>
+        <ul>
+          {currentStepTokens.map((token, index) => (
+            <li key={index}>
+              <code>{token}</code>
+            </li>
+          ))}
+        </ul>
+      </details>
+      <details>
+        <summary>{previousTokens.length} tokens before this step</summary>
         <ul>
-          {relevantTokens.map((token, index) => (
+          {previousTokens.map((token, index) => (
             <li key={index}>
               <code>{token}</code>
             </li>
diff --git a/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx b/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx
new file mode 100644
index 000000000..8b411c064
--- /dev/null
+++ b/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx
@@ -0,0 +1,226 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { steps } from './steps';
+import basisTheme from '@nl-design-system-unstable/basis-design-tokens/dist/tokens.json';
+import voorbeeldTheme from '@nl-design-system-unstable/voorbeeld-design-tokens/dist/tokens.json';
+import groningenTheme from '@nl-design-system-unstable/groningen-design-tokens/dist/tokens.json';
+import utrechtTheme from '@utrecht/design-tokens/dist/tokens.cjs';
+import denhaagTheme from '@gemeente-denhaag/design-tokens-components/dist/index.json';
+import rijkshuisstijlCommunityTheme from '@rijkshuisstijl-community/design-tokens/dist/tokens.js';
+import rotterdamTheme from '@gemeente-rotterdam/design-tokens/dist/tokens.cjs';
+import { ThemeBuilder } from './ThemeBuilder';
+import { examples } from './examples';
+import amsterdamValueTree from '@amsterdam/design-system-tokens/dist/index.json';
+import {
+  convertValueTreeToDesignTokenTree,
+  DesignTokenTree,
+} from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens';
+import { addPath } from '@nl-design-system-unstable/theme-toolkit/dist/ExampleTokensCSS';
+
+export const amsterdamTheme = addPath(convertValueTreeToDesignTokenTree(amsterdamValueTree)) as DesignTokenTree;
+
+const meta = {
+  title: 'Theme Builder/Amsterdam',
+  id: 'theme-builder-ams',
+  component: ThemeBuilder,
+  args: {
+    step: 0,
+    steps,
+    basis: basisTheme,
+    theme: amsterdamTheme,
+    themeExtension: {
+      basis: {
+        typography: {
+          'font-family': {
+            default: { value: '{ams.text.font-family}' },
+          },
+          'font-size': {
+            small: { value: '{ams.text.level.6.font-size}' },
+            medium: { value: '{ams.text.level.5.font-size}' },
+            large: { value: '{ams.text.level.4.font-size}' },
+            'x-large': { value: '{ams.text.level.3.font-size}' },
+            'xx-large': { value: '{ams.text.level.2.font-size}' },
+            'xxx-large': { value: '{ams.text.level.1.font-size}' },
+          },
+        },
+      },
+    },
+  },
+  argTypes: {
+    example: {
+      control: 'select',
+      options: Object.keys(examples),
+    },
+    theme: {
+      control: 'select',
+      options: ['voorbeeld', 'groningen', 'denhaag', 'rotterdam', 'utrecht', 'rijkshuisstijl-community'],
+      mapping: {
+        voorbeeld: voorbeeldTheme,
+        groningen: groningenTheme,
+        rotterdam: rotterdamTheme,
+        utrecht: utrechtTheme,
+        denhaag: denhaagTheme,
+        rijkshuisstijlCommunity: rijkshuisstijlCommunityTheme,
+      },
+    },
+  },
+} satisfies Meta<typeof ThemeBuilder>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Step0: Story = {
+  args: {
+    step: 0,
+  },
+};
+
+export const Step1: Story = {
+  args: {
+    step: 1,
+  },
+};
+
+export const Step2: Story = {
+  args: {
+    step: 2,
+  },
+};
+
+export const Step3: Story = {
+  args: {
+    step: 3,
+  },
+};
+
+export const Step4: Story = {
+  args: {
+    step: 4,
+  },
+};
+
+export const Step5: Story = {
+  args: {
+    step: 5,
+  },
+};
+
+export const Step6: Story = {
+  args: {
+    step: 6,
+  },
+};
+
+export const Step7: Story = {
+  args: {
+    step: 7,
+  },
+};
+
+export const Step8: Story = {
+  args: {
+    step: 8,
+  },
+};
+
+export const Step9: Story = {
+  args: {
+    step: 9,
+  },
+};
+
+export const Step10: Story = {
+  args: {
+    step: 10,
+  },
+};
+
+export const Step11: Story = {
+  args: {
+    step: 11,
+  },
+};
+
+export const Step12: Story = {
+  args: {
+    step: 12,
+  },
+};
+
+export const Step13: Story = {
+  args: {
+    step: 13,
+  },
+};
+
+export const Step14: Story = {
+  args: {
+    step: 14,
+  },
+};
+
+export const Step15: Story = {
+  args: {
+    step: 15,
+  },
+};
+
+export const Step16: Story = {
+  args: {
+    step: 16,
+  },
+};
+
+export const Step17: Story = {
+  args: {
+    step: 17,
+  },
+};
+
+export const Step18: Story = {
+  args: {
+    step: 18,
+  },
+};
+
+export const Step19: Story = {
+  args: {
+    step: 19,
+  },
+};
+
+export const Step20: Story = {
+  args: {
+    step: 20,
+  },
+};
+
+export const Step21: Story = {
+  args: {
+    step: 21,
+  },
+};
+
+export const Step22: Story = {
+  args: {
+    step: 22,
+  },
+};
+
+export const Step23: Story = {
+  args: {
+    step: 23,
+  },
+};
+
+export const Step24: Story = {
+  args: {
+    step: 24,
+  },
+};
+
+export const Step25: Story = {
+  args: {
+    step: 25,
+  },
+};
diff --git a/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx b/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx
new file mode 100644
index 000000000..df4b26033
--- /dev/null
+++ b/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx
@@ -0,0 +1,221 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { steps } from './steps';
+import basisTheme from '@nl-design-system-unstable/basis-design-tokens/dist/tokens.json';
+import voorbeeldTheme from '@nl-design-system-unstable/voorbeeld-design-tokens/dist/tokens.json';
+import groningenTheme from '@nl-design-system-unstable/groningen-design-tokens/dist/tokens.json';
+import utrechtTheme from '@utrecht/design-tokens/dist/tokens.cjs';
+import denhaagTheme from '@gemeente-denhaag/design-tokens-components/dist/index.json';
+// import rijkshuisstijlCommunityTheme from '@rijkshuisstijl-community/design-tokens/dist/tokens.js';
+import { theme as rijkshuisstijlCommunityTheme } from './rhcTheme.mjs';
+import rotterdamTheme from '@gemeente-rotterdam/design-tokens/dist/tokens.cjs';
+import { ThemeBuilder } from './ThemeBuilder';
+import { examples } from './examples';
+
+const meta = {
+  title: 'Theme Builder/Rijkshuisstijl Community',
+  id: 'theme-builder-rhc',
+  component: ThemeBuilder,
+  args: {
+    step: 0,
+    steps,
+    basis: basisTheme,
+    theme: rijkshuisstijlCommunityTheme,
+    themeExtension: {
+      basis: {
+        common: {
+          typography: {
+            'font-family': {
+              default: {
+                value: '{rhc.font-family.primary}',
+              },
+              serif: {
+                value: '{rhc.font-family.secondary}',
+              },
+              'sans-serif': {
+                value: '{rhc.font-family.primary}',
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+  argTypes: {
+    example: {
+      control: 'select',
+      options: Object.keys(examples),
+    },
+    theme: {
+      control: 'select',
+      options: ['voorbeeld', 'groningen', 'denhaag', 'rotterdam', 'utrecht', 'rijkshuisstijl-community'],
+      mapping: {
+        voorbeeld: voorbeeldTheme,
+        groningen: groningenTheme,
+        rotterdam: rotterdamTheme,
+        utrecht: utrechtTheme,
+        denhaag: denhaagTheme,
+        rijkshuisstijlCommunity: rijkshuisstijlCommunityTheme,
+      },
+    },
+  },
+} satisfies Meta<typeof ThemeBuilder>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Step0: Story = {
+  args: {
+    step: 0,
+  },
+};
+
+export const Step1: Story = {
+  args: {
+    step: 1,
+  },
+};
+
+export const Step2: Story = {
+  args: {
+    step: 2,
+  },
+};
+
+export const Step3: Story = {
+  args: {
+    step: 3,
+  },
+};
+
+export const Step4: Story = {
+  args: {
+    step: 4,
+  },
+};
+
+export const Step5: Story = {
+  args: {
+    step: 5,
+  },
+};
+
+export const Step6: Story = {
+  args: {
+    step: 6,
+  },
+};
+
+export const Step7: Story = {
+  args: {
+    step: 7,
+  },
+};
+
+export const Step8: Story = {
+  args: {
+    step: 8,
+  },
+};
+
+export const Step9: Story = {
+  args: {
+    step: 9,
+  },
+};
+
+export const Step10: Story = {
+  args: {
+    step: 10,
+  },
+};
+
+export const Step11: Story = {
+  args: {
+    step: 11,
+  },
+};
+
+export const Step12: Story = {
+  args: {
+    step: 12,
+  },
+};
+
+export const Step13: Story = {
+  args: {
+    step: 13,
+  },
+};
+
+export const Step14: Story = {
+  args: {
+    step: 14,
+  },
+};
+
+export const Step15: Story = {
+  args: {
+    step: 15,
+  },
+};
+
+export const Step16: Story = {
+  args: {
+    step: 16,
+  },
+};
+
+export const Step17: Story = {
+  args: {
+    step: 17,
+  },
+};
+
+export const Step18: Story = {
+  args: {
+    step: 18,
+  },
+};
+
+export const Step19: Story = {
+  args: {
+    step: 19,
+  },
+};
+
+export const Step20: Story = {
+  args: {
+    step: 20,
+  },
+};
+
+export const Step21: Story = {
+  args: {
+    step: 21,
+  },
+};
+
+export const Step22: Story = {
+  args: {
+    step: 22,
+  },
+};
+
+export const Step23: Story = {
+  args: {
+    step: 23,
+  },
+};
+
+export const Step24: Story = {
+  args: {
+    step: 24,
+  },
+};
+
+export const Step25: Story = {
+  args: {
+    step: 25,
+  },
+};
diff --git a/packages/storybook/src/theme-builder/examples.tsx b/packages/storybook/src/theme-builder/examples.tsx
index 08098fed2..b0fe078b2 100644
--- a/packages/storybook/src/theme-builder/examples.tsx
+++ b/packages/storybook/src/theme-builder/examples.tsx
@@ -347,6 +347,69 @@ export const Collage = () => (
   </main>
 );
 
+export const FontSizeScale = () => (
+  <table>
+    <tbody>
+      <tr>
+        <th>Heading 1</th>
+        <td>
+          <Heading level={1}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Heading 2</th>
+        <td>
+          <Heading level={2}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Heading 3</th>
+        <td>
+          <Heading level={3}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Heading 4</th>
+        <td>
+          <Heading level={4}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Heading 5</th>
+        <td>
+          <Heading level={5}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Heading 6</th>
+        <td>
+          <Heading level={6}>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Heading>
+        </td>
+      </tr>
+      <tr>
+        <th>Lead paragraph</th>
+        <td>
+          <Paragraph lead>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Paragraph>
+        </td>
+      </tr>
+      <tr>
+        <th>Paragraph</th>
+        <td>
+          <Paragraph>Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod</Paragraph>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+);
+
+export const InlineSpaceExample = () => <Paragraph>TODO: Inline space example</Paragraph>;
+
+export const BlockSpaceExample = () => <Paragraph>TODO: Block space example</Paragraph>;
+
+export const ColumnSpaceExample = () => <Paragraph>TODO: Column space example</Paragraph>;
+
+export const RowSpaceExample = () => <Paragraph>TODO: Row space example</Paragraph>;
+
 type RenderFn = () => ReactNode;
 
 export const examples: { [index: string]: RenderFn } = {
@@ -355,4 +418,5 @@ export const examples: { [index: string]: RenderFn } = {
   link: LinkExample,
   collage: Collage,
   'focus-visible': FocusVisibleExample,
+  'font-size-scale': FontSizeScale,
 };
diff --git a/packages/storybook/src/theme-builder/rhcTheme.mjs b/packages/storybook/src/theme-builder/rhcTheme.mjs
new file mode 100644
index 000000000..4c8733e69
--- /dev/null
+++ b/packages/storybook/src/theme-builder/rhcTheme.mjs
@@ -0,0 +1,19220 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 04 Oct 2024 12:50:58 GMT
+ */
+
+export const theme = {
+  utrecht: {
+    action: {
+      activate: {
+        cursor: {
+          value: 'pointer',
+          filePath: 'src/common/utrecht/action.tokens.json',
+          isSource: true,
+          original: {
+            value: 'pointer',
+          },
+          name: 'utrechtActionActivateCursor',
+          attributes: {
+            category: 'utrecht',
+            type: 'action',
+            item: 'activate',
+            subitem: 'cursor',
+          },
+          path: ['utrecht', 'action', 'activate', 'cursor'],
+        },
+      },
+      busy: {
+        cursor: {
+          value: 'wait',
+          filePath: 'src/common/utrecht/action.tokens.json',
+          isSource: true,
+          original: {
+            value: 'wait',
+          },
+          name: 'utrechtActionBusyCursor',
+          attributes: {
+            category: 'utrecht',
+            type: 'action',
+            item: 'busy',
+            subitem: 'cursor',
+          },
+          path: ['utrecht', 'action', 'busy', 'cursor'],
+        },
+      },
+      disabled: {
+        cursor: {
+          value: 'not-allowed',
+          filePath: 'src/common/utrecht/action.tokens.json',
+          isSource: true,
+          original: {
+            value: 'not-allowed',
+          },
+          name: 'utrechtActionDisabledCursor',
+          attributes: {
+            category: 'utrecht',
+            type: 'action',
+            item: 'disabled',
+            subitem: 'cursor',
+          },
+          path: ['utrecht', 'action', 'disabled', 'cursor'],
+        },
+      },
+      submit: {
+        cursor: {
+          value: 'pointer',
+          filePath: 'src/common/utrecht/action.tokens.json',
+          isSource: true,
+          original: {
+            value: 'pointer',
+          },
+          name: 'utrechtActionSubmitCursor',
+          attributes: {
+            category: 'utrecht',
+            type: 'action',
+            item: 'submit',
+            subitem: 'cursor',
+          },
+          path: ['utrecht', 'action', 'submit', 'cursor'],
+        },
+      },
+    },
+    focus: {
+      'background-color': {},
+      'outline-color': {
+        value: '#000',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        type: 'color',
+        original: {
+          value: '#000',
+          type: 'color',
+        },
+        name: 'utrechtFocusOutlineColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'focus',
+          item: 'outline-color',
+        },
+        path: ['utrecht', 'focus', 'outline-color'],
+      },
+      'outline-offset': {
+        value: '0.125rem',
+        comment: 'This is only for buttons. Form fields (input, select and textarea) and links do not have an offset',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        type: 'spacing',
+        original: {
+          value: '0.125rem',
+          comment: 'This is only for buttons. Form fields (input, select and textarea) and links do not have an offset',
+          type: 'spacing',
+        },
+        name: 'utrechtFocusOutlineOffset',
+        attributes: {
+          category: 'utrecht',
+          type: 'focus',
+          item: 'outline-offset',
+        },
+        path: ['utrecht', 'focus', 'outline-offset'],
+      },
+      'outline-style': {
+        value: 'solid',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        type: 'other',
+        original: {
+          value: 'solid',
+          type: 'other',
+        },
+        name: 'utrechtFocusOutlineStyle',
+        attributes: {
+          category: 'utrecht',
+          type: 'focus',
+          item: 'outline-style',
+        },
+        path: ['utrecht', 'focus', 'outline-style'],
+      },
+      'outline-width': {
+        value: '2px',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        type: 'borderWidth',
+        original: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtFocusOutlineWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'focus',
+          item: 'outline-width',
+        },
+        path: ['utrecht', 'focus', 'outline-width'],
+      },
+      inverse: {
+        'outline-color': {
+          value: 'transparant',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          type: 'color',
+          original: {
+            value: 'transparant',
+            type: 'color',
+          },
+          name: 'utrechtFocusInverseOutlineColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'focus',
+            item: 'inverse',
+            subitem: 'outline-color',
+          },
+          path: ['utrecht', 'focus', 'inverse', 'outline-color'],
+        },
+      },
+    },
+    icon: {
+      color: {
+        value: 'inherit',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'inherit',
+          type: 'color',
+        },
+        name: 'utrechtIconColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'icon',
+          item: 'color',
+        },
+        path: ['utrecht', 'icon', 'color'],
+      },
+      size: {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'utrechtIconSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'icon',
+          item: 'size',
+        },
+        path: ['utrecht', 'icon', 'size'],
+      },
+      'inset-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtIconInsetBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'icon',
+          item: 'inset-block-start',
+        },
+        path: ['utrecht', 'icon', 'inset-block-start'],
+      },
+    },
+    'unordered-list': {
+      'padding-inline-start': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtUnorderedListPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'unordered-list', 'padding-inline-start'],
+      },
+      'margin-block-end': {
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'utrechtUnorderedListMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'unordered-list', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'utrechtUnorderedListMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'unordered-list', 'margin-block-start'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtUnorderedListColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'color',
+        },
+        path: ['utrecht', 'unordered-list', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtUnorderedListFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'unordered-list', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtUnorderedListFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'unordered-list', 'font-weight'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtUnorderedListFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'unordered-list', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtUnorderedListLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'unordered-list',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'unordered-list', 'line-height'],
+      },
+      item: {
+        'padding-inline-start': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtUnorderedListItemPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'unordered-list',
+            item: 'item',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'unordered-list', 'item', 'padding-inline-start'],
+        },
+        'margin-block-end': {
+          value: '0.25rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'spacing',
+          },
+          name: 'utrechtUnorderedListItemMarginBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'unordered-list',
+            item: 'item',
+            subitem: 'margin-block-end',
+          },
+          path: ['utrecht', 'unordered-list', 'item', 'margin-block-end'],
+        },
+        'margin-block-start': {
+          value: '0.25rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'spacing',
+          },
+          name: 'utrechtUnorderedListItemMarginBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'unordered-list',
+            item: 'item',
+            subitem: 'margin-block-start',
+          },
+          path: ['utrecht', 'unordered-list', 'item', 'margin-block-start'],
+        },
+      },
+      marker: {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtUnorderedListMarkerColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'unordered-list',
+            item: 'marker',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'unordered-list', 'marker', 'color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtUnorderedListMarkerBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'unordered-list',
+            item: 'marker',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'unordered-list', 'marker', 'border-color'],
+        },
+      },
+    },
+    textbox: {
+      'border-radius': {
+        value: '2.5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtTextboxBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'textbox', 'border-radius'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtTextboxFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'textbox', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtTextboxFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'textbox', 'font-size'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtTextboxFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'textbox', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtTextboxLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'textbox', 'line-height'],
+      },
+      'max-inline-size': {
+        value: '400px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '400px',
+          type: 'sizing',
+        },
+        name: 'utrechtTextboxMaxInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'max-inline-size',
+        },
+        path: ['utrecht', 'textbox', 'max-inline-size'],
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextboxPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'textbox', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextboxPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'textbox', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextboxPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'textbox', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextboxPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'textbox', 'padding-inline-start'],
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtTextboxBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'textbox', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtTextboxBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'textbox', 'border-color'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtTextboxColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'color',
+        },
+        path: ['utrecht', 'textbox', 'color'],
+      },
+      invalid: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtTextboxInvalidBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'invalid',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textbox', 'invalid', 'background-color'],
+        },
+        'border-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtTextboxInvalidBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'invalid',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textbox', 'invalid', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextboxInvalidColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'invalid',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'invalid', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextboxInvalidBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'invalid',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textbox', 'invalid', 'border-width'],
+        },
+      },
+      placeholder: {
+        color: {
+          value: '#64748B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#64748B',
+            type: 'color',
+          },
+          name: 'utrechtTextboxPlaceholderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'placeholder',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'placeholder', 'color'],
+        },
+      },
+      'border-block-end-width': {
+        value: 'auto',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'auto',
+          type: 'borderWidth',
+        },
+        name: 'utrechtTextboxBorderBlockEndWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'border-block-end-width',
+        },
+        path: ['utrecht', 'textbox', 'border-block-end-width'],
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtTextboxBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'textbox',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'textbox', 'border-width'],
+      },
+      focus: {
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextboxFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textbox', 'focus', 'border-width'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtTextboxFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textbox', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextboxFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textbox', 'focus', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextboxFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'focus', 'color'],
+        },
+      },
+      disabled: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtTextboxDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textbox', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtTextboxDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textbox', 'disabled', 'border-color'],
+        },
+        color: {
+          value: '#475569',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#475569',
+            type: 'color',
+          },
+          name: 'utrechtTextboxDisabledColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'disabled',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'disabled', 'color'],
+        },
+      },
+      'read-only': {
+        'background-color': {
+          value: '#F1F5F9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F1F5F9',
+            type: 'color',
+          },
+          name: 'utrechtTextboxReadOnlyBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'read-only',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textbox', 'read-only', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtTextboxReadOnlyBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'read-only',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textbox', 'read-only', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextboxReadOnlyColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'read-only',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'read-only', 'color'],
+        },
+      },
+      hover: {
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextboxHoverBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'hover',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textbox', 'hover', 'border-width'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtTextboxHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textbox', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'utrechtTextboxHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textbox', 'hover', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextboxHoverColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textbox',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textbox', 'hover', 'color'],
+        },
+      },
+    },
+    textarea: {
+      'max-inline-size': {
+        value: '400px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '400px',
+          type: 'sizing',
+        },
+        name: 'utrechtTextareaMaxInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'max-inline-size',
+        },
+        path: ['utrecht', 'textarea', 'max-inline-size'],
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextareaPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'textarea', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextareaPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'textarea', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextareaPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'textarea', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtTextareaPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'textarea', 'padding-inline-start'],
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtTextareaBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'textarea', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtTextareaBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'textarea', 'border-color'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtTextareaColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'color',
+        },
+        path: ['utrecht', 'textarea', 'color'],
+      },
+      invalid: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtTextareaInvalidBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'invalid',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textarea', 'invalid', 'background-color'],
+        },
+        'border-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtTextareaInvalidBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'invalid',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textarea', 'invalid', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextareaInvalidColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'invalid',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'invalid', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextareaInvalidBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'invalid',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textarea', 'invalid', 'border-width'],
+        },
+      },
+      placeholder: {
+        color: {
+          value: '#64748B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#64748B',
+            type: 'color',
+          },
+          name: 'utrechtTextareaPlaceholderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'placeholder',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'placeholder', 'color'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtTextareaFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textarea', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextareaFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textarea', 'focus', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextareaFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'focus', 'color'],
+        },
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextareaFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textarea', 'focus', 'border-width'],
+        },
+      },
+      disabled: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtTextareaDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textarea', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtTextareaDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textarea', 'disabled', 'border-color'],
+        },
+        color: {
+          value: '#475569',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#475569',
+            type: 'color',
+          },
+          name: 'utrechtTextareaDisabledColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'disabled',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'disabled', 'color'],
+        },
+      },
+      'read-only': {
+        'background-color': {
+          value: '#F1F5F9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F1F5F9',
+            type: 'color',
+          },
+          name: 'utrechtTextareaReadOnlyBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'read-only',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textarea', 'read-only', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtTextareaReadOnlyBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'read-only',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textarea', 'read-only', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextareaReadOnlyColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'read-only',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'read-only', 'color'],
+        },
+      },
+      hover: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtTextareaHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'textarea', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'utrechtTextareaHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'textarea', 'hover', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTextareaHoverColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'textarea', 'hover', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTextareaHoverBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'textarea',
+            item: 'hover',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'textarea', 'hover', 'border-width'],
+        },
+      },
+      'border-radius': {
+        value: '2.5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtTextareaBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'textarea', 'border-radius'],
+      },
+      'border-bottom-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtTextareaBorderBottomWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'border-bottom-width',
+        },
+        path: ['utrecht', 'textarea', 'border-bottom-width'],
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtTextareaBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'textarea', 'border-width'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtTextareaFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'textarea', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtTextareaFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'textarea', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtTextareaLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'textarea', 'line-height'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtTextareaFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'textarea',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'textarea', 'font-size'],
+      },
+    },
+    table: {
+      'header-cell': {
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtTableHeaderCellLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header-cell',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'table', 'header-cell', 'line-height'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTableHeaderCellColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header-cell',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'table', 'header-cell', 'color'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtTableHeaderCellFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header-cell',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'table', 'header-cell', 'font-family'],
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtTableHeaderCellFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header-cell',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'table', 'header-cell', 'font-weight'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtTableHeaderCellFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header-cell',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'table', 'header-cell', 'font-size'],
+        },
+      },
+      caption: {
+        'line-height': {
+          value: '125%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '125%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtTableCaptionLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'table', 'caption', 'line-height'],
+        },
+        'margin-block-end': {
+          value: '1.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtTableCaptionMarginBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'margin-block-end',
+          },
+          path: ['utrecht', 'table', 'caption', 'margin-block-end'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTableCaptionColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'table', 'caption', 'color'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtTableCaptionFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'table', 'caption', 'font-family'],
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtTableCaptionFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'table', 'caption', 'font-weight'],
+        },
+        'font-size': {
+          value: '1.875rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtTableCaptionFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'caption',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'table', 'caption', 'font-size'],
+        },
+      },
+      cell: {
+        'padding-block-end': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'utrechtTableCellPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'cell',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'table', 'cell', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'utrechtTableCellPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'cell',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'table', 'cell', 'padding-block-start'],
+        },
+        'padding-inline-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtTableCellPaddingInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'cell',
+            subitem: 'padding-inline-end',
+          },
+          path: ['utrecht', 'table', 'cell', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtTableCellPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'cell',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'table', 'cell', 'padding-inline-start'],
+        },
+      },
+      'data-cell': {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTableDataCellColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'data-cell',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'table', 'data-cell', 'color'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtTableDataCellFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'data-cell',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'table', 'data-cell', 'font-family'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'utrechtTableDataCellFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'data-cell',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'table', 'data-cell', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtTableDataCellLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'data-cell',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'table', 'data-cell', 'line-height'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtTableDataCellFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'data-cell',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'table', 'data-cell', 'font-size'],
+        },
+      },
+      header: {
+        'border-block-end-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTableHeaderBorderBlockEndWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header',
+            subitem: 'border-block-end-width',
+          },
+          path: ['utrecht', 'table', 'header', 'border-block-end-width'],
+        },
+        'border-block-end-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtTableHeaderBorderBlockEndColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header',
+            subitem: 'border-block-end-color',
+          },
+          path: ['utrecht', 'table', 'header', 'border-block-end-color'],
+        },
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtTableHeaderBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'header',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'table', 'header', 'background-color'],
+        },
+      },
+      footer: {
+        'border-block-end-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTableFooterBorderBlockEndWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer',
+            subitem: 'border-block-end-width',
+          },
+          path: ['utrecht', 'table', 'footer', 'border-block-end-width'],
+        },
+        'border-block-end-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtTableFooterBorderBlockEndColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer',
+            subitem: 'border-block-end-color',
+          },
+          path: ['utrecht', 'table', 'footer', 'border-block-end-color'],
+        },
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtTableFooterBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'table', 'footer', 'background-color'],
+        },
+      },
+      row: {
+        'border-block-end-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtTableRowBorderBlockEndWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'row',
+            subitem: 'border-block-end-width',
+          },
+          path: ['utrecht', 'table', 'row', 'border-block-end-width'],
+        },
+        'border-block-end-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtTableRowBorderBlockEndColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'row',
+            subitem: 'border-block-end-color',
+          },
+          path: ['utrecht', 'table', 'row', 'border-block-end-color'],
+        },
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtTableRowBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'row',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'table', 'row', 'background-color'],
+        },
+      },
+      'footer-cell': {
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtTableFooterCellFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer-cell',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'table', 'footer-cell', 'font-weight'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtTableFooterCellFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer-cell',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'table', 'footer-cell', 'font-size'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtTableFooterCellColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer-cell',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'table', 'footer-cell', 'color'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtTableFooterCellFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer-cell',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'table', 'footer-cell', 'font-family'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtTableFooterCellLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'table',
+            item: 'footer-cell',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'table', 'footer-cell', 'line-height'],
+        },
+      },
+      container: {
+        'box-inline-end-shadow': {
+          x: {
+            value: 0,
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineEndShadowX',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-end-shadow',
+              state: 'x',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'x'],
+          },
+          y: {
+            value: '16px',
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '16px',
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineEndShadowY',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-end-shadow',
+              state: 'y',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'y'],
+          },
+          blur: {
+            value: '48px',
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '48px',
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineEndShadowBlur',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-end-shadow',
+              state: 'blur',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'blur'],
+          },
+          spread: {
+            value: 0,
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineEndShadowSpread',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-end-shadow',
+              state: 'spread',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'spread'],
+          },
+          color: {
+            value: '#0000001a',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#0000001a',
+              type: 'color',
+            },
+            name: 'utrechtTableContainerBoxInlineEndShadowColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-end-shadow',
+              state: 'color',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'color'],
+          },
+        },
+        'box-inline-start-shadow': {
+          x: {
+            value: 0,
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineStartShadowX',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-start-shadow',
+              state: 'x',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'x'],
+          },
+          y: {
+            value: '16px',
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '16px',
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineStartShadowY',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-start-shadow',
+              state: 'y',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'y'],
+          },
+          blur: {
+            value: '48px',
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '48px',
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineStartShadowBlur',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-start-shadow',
+              state: 'blur',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'blur'],
+          },
+          spread: {
+            value: 0,
+            type: 'other',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'other',
+            },
+            name: 'utrechtTableContainerBoxInlineStartShadowSpread',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-start-shadow',
+              state: 'spread',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'spread'],
+          },
+          color: {
+            value: '#0000001a',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#0000001a',
+              type: 'color',
+            },
+            name: 'utrechtTableContainerBoxInlineStartShadowColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'table',
+              item: 'container',
+              subitem: 'box-inline-start-shadow',
+              state: 'color',
+            },
+            path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'color'],
+          },
+        },
+      },
+    },
+    'skip-link': {
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtSkipLinkFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'skip-link', 'font-weight'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtSkipLinkFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'skip-link', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtSkipLinkFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'skip-link', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtSkipLinkLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'skip-link', 'line-height'],
+      },
+      'min-block-size': {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'utrechtSkipLinkMinBlockSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'min-block-size',
+        },
+        path: ['utrecht', 'skip-link', 'min-block-size'],
+      },
+      'min-inline-size': {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'utrechtSkipLinkMinInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'min-inline-size',
+        },
+        path: ['utrecht', 'skip-link', 'min-inline-size'],
+      },
+      'padding-block-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSkipLinkPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'skip-link', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSkipLinkPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'skip-link', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSkipLinkPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'skip-link', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSkipLinkPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'skip-link', 'padding-inline-start'],
+      },
+      focus: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtSkipLinkFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSkipLinkFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'border-color'],
+        },
+        'border-style': {
+          value: 'solid',
+          type: 'borderStyle',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'solid',
+            type: 'borderStyle',
+          },
+          name: 'utrechtSkipLinkFocusBorderStyle',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'border-style',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'border-style'],
+        },
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtSkipLinkFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'border-width'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSkipLinkFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'color'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'utrechtSkipLinkFocusTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'skip-link', 'focus', 'text-decoration'],
+        },
+      },
+      'focus-visible': {
+        'outline-color': {
+          value: '#000',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#000',
+            type: 'color',
+          },
+          name: 'utrechtSkipLinkFocusVisibleOutlineColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'focus-visible',
+            subitem: 'outline-color',
+          },
+          path: ['utrecht', 'skip-link', 'focus-visible', 'outline-color'],
+        },
+      },
+      'background-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtSkipLinkBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'skip-link', 'background-color'],
+      },
+      'border-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtSkipLinkBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'skip-link', 'border-color'],
+      },
+      color: {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtSkipLinkColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'color',
+        },
+        path: ['utrecht', 'skip-link', 'color'],
+      },
+      'border-width': {
+        value: '2px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtSkipLinkBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'skip-link', 'border-width'],
+      },
+      'box-block-end-shadow': {
+        'offset-x': {
+          value: 0,
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'other',
+          },
+          name: 'utrechtSkipLinkBoxBlockEndShadowOffsetX',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'box-block-end-shadow',
+            subitem: 'offset-x',
+          },
+          path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'offset-x'],
+        },
+        'offset-y': {
+          value: '16px',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '16px',
+            type: 'other',
+          },
+          name: 'utrechtSkipLinkBoxBlockEndShadowOffsetY',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'box-block-end-shadow',
+            subitem: 'offset-y',
+          },
+          path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'offset-y'],
+        },
+        'blur-radius': {
+          value: '48px',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'other',
+          },
+          name: 'utrechtSkipLinkBoxBlockEndShadowBlurRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'box-block-end-shadow',
+            subitem: 'blur-radius',
+          },
+          path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'blur-radius'],
+        },
+        'spread-radius': {
+          value: 0,
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'other',
+          },
+          name: 'utrechtSkipLinkBoxBlockEndShadowSpreadRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'box-block-end-shadow',
+            subitem: 'spread-radius',
+          },
+          path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'spread-radius'],
+        },
+        color: {
+          value: '#0000001a',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#0000001a',
+            type: 'color',
+          },
+          name: 'utrechtSkipLinkBoxBlockEndShadowColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'skip-link',
+            item: 'box-block-end-shadow',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'color'],
+        },
+      },
+      'text-decoration': {
+        value: 'underline',
+        type: 'textDecoration',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'underline',
+          type: 'textDecoration',
+        },
+        name: 'utrechtSkipLinkTextDecoration',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'text-decoration',
+        },
+        path: ['utrecht', 'skip-link', 'text-decoration'],
+      },
+      'text-underline-offset': {
+        value: '0.125rem',
+        type: 'other',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.125rem',
+          type: 'other',
+        },
+        name: 'utrechtSkipLinkTextUnderlineOffset',
+        attributes: {
+          category: 'utrecht',
+          type: 'skip-link',
+          item: 'text-underline-offset',
+        },
+        path: ['utrecht', 'skip-link', 'text-underline-offset'],
+      },
+    },
+    separator: {
+      color: {
+        value: '#CBD5E1',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#CBD5E1',
+          type: 'color',
+        },
+        name: 'utrechtSeparatorColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'separator',
+          item: 'color',
+        },
+        path: ['utrecht', 'separator', 'color'],
+      },
+      'block-size': {
+        value: '2px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2px',
+          type: 'sizing',
+        },
+        name: 'utrechtSeparatorBlockSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'separator',
+          item: 'block-size',
+        },
+        path: ['utrecht', 'separator', 'block-size'],
+      },
+      'margin-block-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSeparatorMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'separator',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'separator', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSeparatorMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'separator',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'separator', 'margin-block-start'],
+      },
+    },
+    select: {
+      'image-background-position': {
+        value: 'right 0.5rem center',
+        type: 'other',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'right 0.5rem center',
+          type: 'other',
+        },
+        name: 'utrechtSelectImageBackgroundPosition',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'image-background-position',
+        },
+        path: ['utrecht', 'select', 'image-background-position'],
+      },
+      icon: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtSelectIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'select', 'icon', 'size'],
+        },
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtSelectBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'select', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtSelectBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'select', 'border-color'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtSelectColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'color',
+        },
+        path: ['utrecht', 'select', 'color'],
+      },
+      invalid: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtSelectInvalidBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'invalid',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'select', 'invalid', 'background-color'],
+        },
+        'border-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtSelectInvalidBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'invalid',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'select', 'invalid', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSelectInvalidColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'invalid',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'select', 'invalid', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtSelectInvalidBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'invalid',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'select', 'invalid', 'border-width'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtSelectFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'select', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSelectFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'select', 'focus', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSelectFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'select', 'focus', 'color'],
+        },
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtSelectFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'select', 'focus', 'border-width'],
+        },
+      },
+      disabled: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtSelectDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'select', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtSelectDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'select', 'disabled', 'border-color'],
+        },
+        color: {
+          value: '#475569',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#475569',
+            type: 'color',
+          },
+          name: 'utrechtSelectDisabledColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'disabled',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'select', 'disabled', 'color'],
+        },
+      },
+      hover: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtSelectHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'select', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'utrechtSelectHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'select', 'hover', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtSelectHoverColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'select', 'hover', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtSelectHoverBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'select',
+            item: 'hover',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'select', 'hover', 'border-width'],
+        },
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSelectPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'select', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSelectPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'select', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSelectPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'select', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtSelectPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'select', 'padding-inline-start'],
+      },
+      'border-radius': {
+        value: '2.5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtSelectBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'select', 'border-radius'],
+      },
+      'border-bottom-width': {
+        value: 'auto',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'auto',
+          type: 'borderWidth',
+        },
+        name: 'utrechtSelectBorderBottomWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'border-bottom-width',
+        },
+        path: ['utrecht', 'select', 'border-bottom-width'],
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtSelectBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'select', 'border-width'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtSelectFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'select', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtSelectFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'select', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtSelectLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'select', 'line-height'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtSelectFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'select', 'font-size'],
+      },
+      'max-inline-size': {
+        value: '400px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '400px',
+          type: 'sizing',
+        },
+        name: 'utrechtSelectMaxInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'select',
+          item: 'max-inline-size',
+        },
+        path: ['utrecht', 'select', 'max-inline-size'],
+      },
+    },
+    'radio-button': {
+      active: {
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtRadioButtonActiveBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'active',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'radio-button', 'active', 'border-width'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonActiveBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'active',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'active', 'background-color'],
+        },
+        'border-color': {
+          value: '#4f7196',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#4f7196',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonActiveBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'active',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'active', 'border-color'],
+        },
+      },
+      size: {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'utrechtRadioButtonSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'radio-button',
+          item: 'size',
+        },
+        path: ['utrecht', 'radio-button', 'size'],
+      },
+      dot: {
+        size: {
+          value: '12px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '12px',
+            type: 'sizing',
+          },
+          name: 'utrechtRadioButtonDotSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'dot',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'radio-button', 'dot', 'size'],
+        },
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtRadioButtonBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'radio-button',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'radio-button', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtRadioButtonBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'radio-button',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'radio-button', 'border-color'],
+      },
+      invalid: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonInvalidBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'invalid',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'invalid', 'background-color'],
+        },
+        'border-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonInvalidBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'invalid',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'invalid', 'border-color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtRadioButtonInvalidBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'invalid',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'radio-button', 'invalid', 'border-width'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'focus', 'border-color'],
+        },
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtRadioButtonFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'radio-button', 'focus', 'border-width'],
+        },
+      },
+      disabled: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'disabled', 'border-color'],
+        },
+        color: {
+          value: '#475569',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#475569',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonDisabledColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'disabled',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'radio-button', 'disabled', 'color'],
+        },
+      },
+      checked: {
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonCheckedBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'checked',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'checked', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonCheckedBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'checked',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'checked', 'border-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonCheckedColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'checked',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'radio-button', 'checked', 'color'],
+        },
+        hover: {
+          'background-color': {
+            value: '#738eab',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#738eab',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'hover', 'color'],
+          },
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtRadioButtonCheckedHoverBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'hover', 'border-width'],
+          },
+        },
+        active: {
+          'background-color': {
+            value: '#4f7196',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#4f7196',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'active', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'active', 'color'],
+          },
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtRadioButtonCheckedActiveBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'active',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'active', 'border-width'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'focus', 'color'],
+          },
+          'border-width': {
+            value: '2px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '2px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtRadioButtonCheckedFocusBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'focus', 'border-width'],
+          },
+        },
+        disabled: {
+          'background-color': {
+            value: '#CBD5E1',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#CBD5E1',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: '#94A3B8',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#94A3B8',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#475569',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#475569',
+              type: 'color',
+            },
+            name: 'utrechtRadioButtonCheckedDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'radio-button',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'radio-button', 'checked', 'disabled', 'color'],
+          },
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtRadioButtonCheckedBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'checked',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'radio-button', 'checked', 'border-width'],
+        },
+      },
+      hover: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'radio-button', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'utrechtRadioButtonHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'radio-button', 'hover', 'border-color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtRadioButtonHoverBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'radio-button',
+            item: 'hover',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'radio-button', 'hover', 'border-width'],
+        },
+      },
+      'border-radius': {
+        value: '999px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '999px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtRadioButtonBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'radio-button',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'radio-button', 'border-radius'],
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtRadioButtonBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'radio-button',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'radio-button', 'border-width'],
+      },
+    },
+    paragraph: {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtParagraphColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'color',
+        },
+        path: ['utrecht', 'paragraph', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtParagraphFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'paragraph', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtParagraphFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'paragraph', 'font-size'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtParagraphFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'paragraph', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtParagraphLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'paragraph', 'line-height'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtParagraphMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'paragraph', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtParagraphMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'paragraph',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'paragraph', 'margin-block-start'],
+      },
+      lead: {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtParagraphLeadColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'lead',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'paragraph', 'lead', 'color'],
+        },
+        'font-size': {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtParagraphLeadFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'lead',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'paragraph', 'lead', 'font-size'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'utrechtParagraphLeadFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'lead',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'paragraph', 'lead', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtParagraphLeadLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'lead',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'paragraph', 'lead', 'line-height'],
+        },
+      },
+      small: {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtParagraphSmallColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'small',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'paragraph', 'small', 'color'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtParagraphSmallFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'small',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'paragraph', 'small', 'font-size'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'utrechtParagraphSmallFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'small',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'paragraph', 'small', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtParagraphSmallLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'paragraph',
+            item: 'small',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'paragraph', 'small', 'line-height'],
+        },
+      },
+    },
+    'ordered-list': {
+      'padding-inline-start': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtOrderedListPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'ordered-list', 'padding-inline-start'],
+      },
+      'margin-block-end': {
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'utrechtOrderedListMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'ordered-list', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'utrechtOrderedListMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'ordered-list', 'margin-block-start'],
+      },
+      'margin-inline-start': {
+        value: '0.625rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.625rem',
+          type: 'spacing',
+        },
+        name: 'utrechtOrderedListMarginInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'margin-inline-start',
+        },
+        path: ['utrecht', 'ordered-list', 'margin-inline-start'],
+      },
+      item: {
+        'padding-inline-start': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtOrderedListItemPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'ordered-list',
+            item: 'item',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'ordered-list', 'item', 'padding-inline-start'],
+        },
+        'margin-block-end': {
+          value: '0.25rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'spacing',
+          },
+          name: 'utrechtOrderedListItemMarginBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'ordered-list',
+            item: 'item',
+            subitem: 'margin-block-end',
+          },
+          path: ['utrecht', 'ordered-list', 'item', 'margin-block-end'],
+        },
+        'margin-block-start': {
+          value: '0.25rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'spacing',
+          },
+          name: 'utrechtOrderedListItemMarginBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'ordered-list',
+            item: 'item',
+            subitem: 'margin-block-start',
+          },
+          path: ['utrecht', 'ordered-list', 'item', 'margin-block-start'],
+        },
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtOrderedListColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'color',
+        },
+        path: ['utrecht', 'ordered-list', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtOrderedListFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'ordered-list', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtOrderedListFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'ordered-list', 'font-weight'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtOrderedListFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'ordered-list', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtOrderedListLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'ordered-list',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'ordered-list', 'line-height'],
+      },
+    },
+    'link-list': {
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtLinkListMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'link-list',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'link-list', 'margin-block-start'],
+      },
+      'row-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtLinkListRowGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'link-list',
+          item: 'row-gap',
+        },
+        path: ['utrecht', 'link-list', 'row-gap'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtLinkListMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'link-list',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'link-list', 'margin-block-end'],
+      },
+      item: {
+        'column-gap': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtLinkListItemColumnGap',
+          attributes: {
+            category: 'utrecht',
+            type: 'link-list',
+            item: 'item',
+            subitem: 'column-gap',
+          },
+          path: ['utrecht', 'link-list', 'item', 'column-gap'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'utrechtLinkListItemTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'link-list',
+            item: 'item',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'link-list', 'item', 'text-decoration'],
+        },
+      },
+      icon: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtLinkListIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'link-list',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'link-list', 'icon', 'size'],
+        },
+        'inset-block-start': {
+          value: '0.188rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.188rem',
+            type: 'spacing',
+          },
+          name: 'utrechtLinkListIconInsetBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'link-list',
+            item: 'icon',
+            subitem: 'inset-block-start',
+          },
+          path: ['utrecht', 'link-list', 'icon', 'inset-block-start'],
+        },
+      },
+    },
+    link: {
+      color: {
+        value: '#01689b',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#01689b',
+          type: 'color',
+        },
+        name: 'utrechtLinkColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'color',
+        },
+        path: ['utrecht', 'link', 'color'],
+      },
+      'text-decoration-color': {
+        value: '#01689b',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#01689b',
+          type: 'color',
+        },
+        name: 'utrechtLinkTextDecorationColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'text-decoration-color',
+        },
+        path: ['utrecht', 'link', 'text-decoration-color'],
+      },
+      active: {
+        color: {
+          value: '#42145f',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#42145f',
+            type: 'color',
+          },
+          name: 'utrechtLinkActiveColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'active',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'link', 'active', 'color'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'utrechtLinkActiveTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'active',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'link', 'active', 'text-decoration'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtLinkFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'link', 'focus', 'background-color'],
+        },
+        color: {
+          value: '#01689b',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#01689b',
+            type: 'color',
+          },
+          name: 'utrechtLinkFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'link', 'focus', 'color'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'utrechtLinkFocusTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'focus',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'link', 'focus', 'text-decoration'],
+        },
+        'text-decoration-thickness': {
+          value: 'auto',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'auto',
+            type: 'other',
+          },
+          name: 'utrechtLinkFocusTextDecorationThickness',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'focus',
+            subitem: 'text-decoration-thickness',
+          },
+          path: ['utrecht', 'link', 'focus', 'text-decoration-thickness'],
+        },
+      },
+      hover: {
+        color: {
+          $extensions: {
+            'studio.tokens': {
+              modify: {
+                type: 'darken',
+                value: '0.3',
+                space: 'srgb',
+                filePath: 'src/generated/figma.tokens.json',
+                isSource: true,
+              },
+            },
+          },
+          value: '#01496c',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.3',
+                  space: 'srgb',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            value: '#01496c',
+            type: 'color',
+          },
+          name: 'utrechtLinkHoverColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'link', 'hover', 'color'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'utrechtLinkHoverTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'hover',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'link', 'hover', 'text-decoration'],
+        },
+        'text-decoration-thickness': {
+          value: 'auto',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'auto',
+            type: 'other',
+          },
+          name: 'utrechtLinkHoverTextDecorationThickness',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'hover',
+            subitem: 'text-decoration-thickness',
+          },
+          path: ['utrecht', 'link', 'hover', 'text-decoration-thickness'],
+        },
+      },
+      visited: {
+        color: {
+          value: '#42145f',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#42145f',
+            type: 'color',
+          },
+          name: 'utrechtLinkVisitedColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'visited',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'link', 'visited', 'color'],
+        },
+      },
+      'text-decoration': {
+        value: 'underline',
+        type: 'textDecoration',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'underline',
+          type: 'textDecoration',
+        },
+        name: 'utrechtLinkTextDecoration',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'text-decoration',
+        },
+        path: ['utrecht', 'link', 'text-decoration'],
+      },
+      icon: {
+        'inset-block-start': {
+          value: '0.25rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'spacing',
+          },
+          name: 'utrechtLinkIconInsetBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'icon',
+            subitem: 'inset-block-start',
+          },
+          path: ['utrecht', 'link', 'icon', 'inset-block-start'],
+        },
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtLinkIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'link',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'link', 'icon', 'size'],
+        },
+      },
+      'column-gap': {
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'utrechtLinkColumnGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'column-gap',
+        },
+        path: ['utrecht', 'link', 'column-gap'],
+      },
+      'text-decoration-thickness': {
+        value: 'auto',
+        type: 'other',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'auto',
+          type: 'other',
+        },
+        name: 'utrechtLinkTextDecorationThickness',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'text-decoration-thickness',
+        },
+        path: ['utrecht', 'link', 'text-decoration-thickness'],
+      },
+      'text-underline-offset': {
+        value: '0.125rem',
+        type: 'other',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.125rem',
+          type: 'other',
+        },
+        name: 'utrechtLinkTextUnderlineOffset',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'text-underline-offset',
+        },
+        path: ['utrecht', 'link', 'text-underline-offset'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtLinkFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'link', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtLinkFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'link', 'font-weight'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtLinkFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'link', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtLinkLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'link',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'link', 'line-height'],
+      },
+    },
+    'heading-1': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtHeading1Color',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'color',
+        },
+        path: ['utrecht', 'heading-1', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtHeading1FontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'heading-1', 'font-family'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtHeading1FontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'heading-1', 'font-weight'],
+      },
+      'line-height': {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtHeading1LineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'heading-1', 'line-height'],
+      },
+      'font-size': {
+        value: '3.125rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '3.125rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtHeading1FontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'heading-1', 'font-size'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading1MarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'heading-1', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading1MarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-1',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'heading-1', 'margin-block-start'],
+      },
+    },
+    'heading-2': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtHeading2Color',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'color',
+        },
+        path: ['utrecht', 'heading-2', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtHeading2FontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'heading-2', 'font-family'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtHeading2FontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'heading-2', 'font-weight'],
+      },
+      'line-height': {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtHeading2LineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'heading-2', 'line-height'],
+      },
+      'font-size': {
+        value: '2.5rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtHeading2FontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'heading-2', 'font-size'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading2MarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'heading-2', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading2MarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-2',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'heading-2', 'margin-block-start'],
+      },
+    },
+    'heading-3': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtHeading3Color',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'color',
+        },
+        path: ['utrecht', 'heading-3', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtHeading3FontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'heading-3', 'font-family'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtHeading3FontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'heading-3', 'font-weight'],
+      },
+      'line-height': {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtHeading3LineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'heading-3', 'line-height'],
+      },
+      'font-size': {
+        value: '1.875rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.875rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtHeading3FontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'heading-3', 'font-size'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading3MarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'heading-3', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading3MarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-3',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'heading-3', 'margin-block-start'],
+      },
+    },
+    'heading-4': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtHeading4Color',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'color',
+        },
+        path: ['utrecht', 'heading-4', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtHeading4FontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'heading-4', 'font-family'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtHeading4FontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'heading-4', 'font-weight'],
+      },
+      'line-height': {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtHeading4LineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'heading-4', 'line-height'],
+      },
+      'font-size': {
+        value: '1.5rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtHeading4FontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'heading-4', 'font-size'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading4MarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'heading-4', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading4MarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-4',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'heading-4', 'margin-block-start'],
+      },
+    },
+    'heading-5': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtHeading5Color',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'color',
+        },
+        path: ['utrecht', 'heading-5', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtHeading5FontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'heading-5', 'font-family'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtHeading5FontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'heading-5', 'font-weight'],
+      },
+      'line-height': {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtHeading5LineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'heading-5', 'line-height'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtHeading5FontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'heading-5', 'font-size'],
+      },
+      'margin-block-end': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading5MarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'heading-5', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'utrechtHeading5MarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'heading-5',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'heading-5', 'margin-block-start'],
+      },
+    },
+    'form-label': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtFormLabelColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-label',
+          item: 'color',
+        },
+        path: ['utrecht', 'form-label', 'color'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtFormLabelFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-label',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'form-label', 'font-size'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtFormLabelFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-label',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'form-label', 'font-weight'],
+      },
+    },
+    'form-field-label': {
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtFormFieldLabelColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-label',
+          item: 'color',
+        },
+        path: ['utrecht', 'form-field-label', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtFormFieldLabelFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-label',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'form-field-label', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtFormFieldLabelFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-label',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'form-field-label', 'font-size'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtFormFieldLabelFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-label',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'form-field-label', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtFormFieldLabelLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-label',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'form-field-label', 'line-height'],
+      },
+    },
+    'form-field-error-message': {
+      icon: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtFormFieldErrorMessageIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field-error-message',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'form-field-error-message', 'icon', 'size'],
+        },
+        'margin-inline-end': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtFormFieldErrorMessageIconMarginInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field-error-message',
+            item: 'icon',
+            subitem: 'margin-inline-end',
+          },
+          path: ['utrecht', 'form-field-error-message', 'icon', 'margin-inline-end'],
+        },
+      },
+      color: {
+        value: '#d52b1e',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#d52b1e',
+          type: 'color',
+        },
+        name: 'utrechtFormFieldErrorMessageColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'color',
+        },
+        path: ['utrecht', 'form-field-error-message', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtFormFieldErrorMessageFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'form-field-error-message', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtFormFieldErrorMessageFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'form-field-error-message', 'font-size'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtFormFieldErrorMessageFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'form-field-error-message', 'font-weight'],
+      },
+      'margin-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldErrorMessageMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'form-field-error-message', 'margin-block-end'],
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldErrorMessagePaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-error-message',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'form-field-error-message', 'padding-block-end'],
+      },
+    },
+    'form-field-description': {
+      color: {
+        value: '#334155',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#334155',
+          type: 'color',
+        },
+        name: 'utrechtFormFieldDescriptionColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'color',
+        },
+        path: ['utrecht', 'form-field-description', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtFormFieldDescriptionFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'form-field-description', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtFormFieldDescriptionFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'form-field-description', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtFormFieldDescriptionLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'form-field-description', 'line-height'],
+      },
+      'margin-block-start': {
+        value: '-0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '-0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldDescriptionMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'form-field-description', 'margin-block-start'],
+      },
+      'margin-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldDescriptionMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'form-field-description', 'margin-block-end'],
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldDescriptionPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field-description',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'form-field-description', 'padding-block-end'],
+      },
+    },
+    'form-field': {
+      'margin-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'form-field', 'margin-block-start'],
+      },
+      'margin-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtFormFieldMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'form-field',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'form-field', 'margin-block-end'],
+      },
+      invalid: {
+        'border-inline-start-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtFormFieldInvalidBorderInlineStartColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field',
+            item: 'invalid',
+            subitem: 'border-inline-start-color',
+          },
+          path: ['utrecht', 'form-field', 'invalid', 'border-inline-start-color'],
+        },
+        'border-inline-start-width': {
+          value: '0px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtFormFieldInvalidBorderInlineStartWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field',
+            item: 'invalid',
+            subitem: 'border-inline-start-width',
+          },
+          path: ['utrecht', 'form-field', 'invalid', 'border-inline-start-width'],
+        },
+        'padding-inline-start': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtFormFieldInvalidPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field',
+            item: 'invalid',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'form-field', 'invalid', 'padding-inline-start'],
+        },
+      },
+      label: {
+        'margin-block-end': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtFormFieldLabelMarginBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'form-field',
+            item: 'label',
+            subitem: 'margin-block-end',
+          },
+          path: ['utrecht', 'form-field', 'label', 'margin-block-end'],
+        },
+      },
+    },
+    page: {
+      footer: {
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtPageFooterBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'page', 'footer', 'background-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtPageFooterColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'page', 'footer', 'color'],
+        },
+        'padding-block-start': {
+          value: '3rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3rem',
+            type: 'spacing',
+          },
+          name: 'utrechtPageFooterPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'page', 'footer', 'padding-block-start'],
+        },
+        'padding-block-end': {
+          value: '3rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3rem',
+            type: 'spacing',
+          },
+          name: 'utrechtPageFooterPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'page', 'footer', 'padding-block-end'],
+        },
+        'padding-inline-start': {
+          value: '80px',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '80px',
+            type: 'spacing',
+          },
+          name: 'utrechtPageFooterPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'page', 'footer', 'padding-inline-start'],
+        },
+        'padding-inline-end': {
+          value: '80px',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '80px',
+            type: 'spacing',
+          },
+          name: 'utrechtPageFooterPaddingInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'padding-inline-end',
+          },
+          path: ['utrecht', 'page', 'footer', 'padding-inline-end'],
+        },
+        gap: {
+          value: '1.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtPageFooterGap',
+          attributes: {
+            category: 'utrecht',
+            type: 'page',
+            item: 'footer',
+            subitem: 'gap',
+          },
+          path: ['utrecht', 'page', 'footer', 'gap'],
+        },
+        column: {
+          title: {
+            'margin-block-end': {
+              value: '0.75rem',
+              type: 'spacing',
+              filePath: 'src/generated/figma.tokens.json',
+              isSource: true,
+              original: {
+                value: '0.75rem',
+                type: 'spacing',
+              },
+              name: 'utrechtPageFooterColumnTitleMarginBlockEnd',
+              attributes: {
+                category: 'utrecht',
+                type: 'page',
+                item: 'footer',
+                subitem: 'column',
+                state: 'title',
+              },
+              path: ['utrecht', 'page', 'footer', 'column', 'title', 'margin-block-end'],
+            },
+          },
+        },
+      },
+    },
+    figure: {
+      caption: {
+        'border-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtFigureCaptionBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'figure', 'caption', 'border-color'],
+        },
+        'border-width': {
+          value: '4px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '4px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtFigureCaptionBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'figure', 'caption', 'border-width'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtFigureCaptionColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'figure', 'caption', 'color'],
+        },
+        'padding-block-end': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtFigureCaptionPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'figure', 'caption', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtFigureCaptionPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'figure', 'caption', 'padding-block-start'],
+        },
+        'padding-inline-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtFigureCaptionPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'figure', 'caption', 'padding-inline-start'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtFigureCaptionLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'caption',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'figure', 'caption', 'line-height'],
+        },
+      },
+      img: {
+        'border-end-end-radius': {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'utrechtFigureImgBorderEndEndRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'img',
+            subitem: 'border-end-end-radius',
+          },
+          path: ['utrecht', 'figure', 'img', 'border-end-end-radius'],
+        },
+        'border-end-start-radius': {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'utrechtFigureImgBorderEndStartRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'img',
+            subitem: 'border-end-start-radius',
+          },
+          path: ['utrecht', 'figure', 'img', 'border-end-start-radius'],
+        },
+        'border-start-end-radius': {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'utrechtFigureImgBorderStartEndRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'img',
+            subitem: 'border-start-end-radius',
+          },
+          path: ['utrecht', 'figure', 'img', 'border-start-end-radius'],
+        },
+        'border-start-start-radius': {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'utrechtFigureImgBorderStartStartRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'figure',
+            item: 'img',
+            subitem: 'border-start-start-radius',
+          },
+          path: ['utrecht', 'figure', 'img', 'border-start-start-radius'],
+        },
+      },
+    },
+    'badge-counter': {
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtBadgeCounterFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'badge-counter', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtBadgeCounterLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'badge-counter', 'line-height'],
+      },
+      'min-block-size': {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'utrechtBadgeCounterMinBlockSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'min-block-size',
+        },
+        path: ['utrecht', 'badge-counter', 'min-block-size'],
+      },
+      'min-inline-size': {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'utrechtBadgeCounterMinInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'min-inline-size',
+        },
+        path: ['utrecht', 'badge-counter', 'min-inline-size'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtBadgeCounterFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'badge-counter', 'font-weight'],
+      },
+      'border-width': {
+        value: '0px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtBadgeCounterBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'badge-counter', 'border-width'],
+      },
+      'border-radius': {
+        value: '999px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '999px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtBadgeCounterBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'badge-counter', 'border-radius'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtBadgeCounterFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'badge-counter', 'font-family'],
+      },
+      'background-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtBadgeCounterBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'badge-counter', 'background-color'],
+      },
+      'border-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtBadgeCounterBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'badge-counter', 'border-color'],
+      },
+      color: {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtBadgeCounterColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'color',
+        },
+        path: ['utrecht', 'badge-counter', 'color'],
+      },
+      'padding-inline': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBadgeCounterPaddingInline',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'padding-inline',
+        },
+        path: ['utrecht', 'badge-counter', 'padding-inline'],
+      },
+      'padding-block': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBadgeCounterPaddingBlock',
+        attributes: {
+          category: 'utrecht',
+          type: 'badge-counter',
+          item: 'padding-block',
+        },
+        path: ['utrecht', 'badge-counter', 'padding-block'],
+      },
+    },
+    checkbox: {
+      'border-radius': {
+        value: '2.5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtCheckboxBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'checkbox',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'checkbox', 'border-radius'],
+      },
+      size: {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'utrechtCheckboxSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'checkbox',
+          item: 'size',
+        },
+        path: ['utrecht', 'checkbox', 'size'],
+      },
+      icon: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtCheckboxIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'checkbox', 'icon', 'size'],
+        },
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtCheckboxBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'checkbox',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'checkbox', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtCheckboxBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'checkbox',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'checkbox', 'border-color'],
+      },
+      invalid: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxInvalidBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'invalid',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'invalid', 'background-color'],
+        },
+        'border-color': {
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxInvalidBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'invalid',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'invalid', 'border-color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxInvalidBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'invalid',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'invalid', 'border-width'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'focus', 'border-color'],
+        },
+        'border-width': {
+          value: '2px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxFocusBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'focus',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'focus', 'border-width'],
+        },
+      },
+      disabled: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'disabled', 'border-color'],
+        },
+      },
+      checked: {
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxCheckedBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'checked',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'checked', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxCheckedBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'checked',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'checked', 'border-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxCheckedColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'checked',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'checkbox', 'checked', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxCheckedBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'checked',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'checked', 'border-width'],
+        },
+        disabled: {
+          'background-color': {
+            value: '#CBD5E1',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#CBD5E1',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: '#94A3B8',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#94A3B8',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#475569',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#475569',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'disabled', 'color'],
+          },
+        },
+        focus: {
+          'border-width': {
+            value: '2px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '2px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxCheckedFocusBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'focus', 'border-width'],
+          },
+          'background-color': {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'focus', 'color'],
+          },
+        },
+        hover: {
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxCheckedHoverBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'hover', 'border-width'],
+          },
+          'background-color': {
+            value: '#738eab',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#738eab',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'hover', 'color'],
+          },
+        },
+        active: {
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxCheckedActiveBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'active',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'active', 'border-width'],
+          },
+          'background-color': {
+            value: '#4f7196',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#4f7196',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'active', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxCheckedActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'checked',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'checked', 'active', 'color'],
+          },
+        },
+      },
+      indeterminate: {
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxIndeterminateBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'indeterminate',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'indeterminate', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxIndeterminateBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'indeterminate',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'indeterminate', 'border-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxIndeterminateColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'indeterminate',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'checkbox', 'indeterminate', 'color'],
+        },
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxIndeterminateBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'indeterminate',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'indeterminate', 'border-width'],
+        },
+        disabled: {
+          'background-color': {
+            value: '#CBD5E1',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#CBD5E1',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: '#94A3B8',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#94A3B8',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#475569',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#475569',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'color'],
+          },
+        },
+        active: {
+          'background-color': {
+            value: '#4f7196',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#4f7196',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'color'],
+          },
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxIndeterminateActiveBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'active',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'border-width'],
+          },
+        },
+        hover: {
+          'background-color': {
+            value: '#738eab',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#738eab',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'color'],
+          },
+          'border-width': {
+            value: '1px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '1px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxIndeterminateHoverBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'hover',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'border-width'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtCheckboxIndeterminateFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'color'],
+          },
+          'border-width': {
+            value: '2px',
+            type: 'borderWidth',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '2px',
+              type: 'borderWidth',
+            },
+            name: 'utrechtCheckboxIndeterminateFocusBorderWidth',
+            attributes: {
+              category: 'utrecht',
+              type: 'checkbox',
+              item: 'indeterminate',
+              subitem: 'focus',
+              state: 'border-width',
+            },
+            path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'border-width'],
+          },
+        },
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtCheckboxBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'checkbox',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'checkbox', 'border-width'],
+      },
+      hover: {
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxHoverBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'hover',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'hover', 'border-width'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'hover', 'border-color'],
+        },
+      },
+      active: {
+        'border-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'utrechtCheckboxActiveBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'active',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'checkbox', 'active', 'border-width'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxActiveBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'active',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'checkbox', 'active', 'background-color'],
+        },
+        'border-color': {
+          value: '#4f7196',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#4f7196',
+            type: 'color',
+          },
+          name: 'utrechtCheckboxActiveBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'checkbox',
+            item: 'active',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'checkbox', 'active', 'border-color'],
+        },
+      },
+    },
+    'button-group': {
+      'background-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtButtonGroupBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'button-group', 'background-color'],
+      },
+      'column-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupColumnGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'column-gap',
+        },
+        path: ['utrecht', 'button-group', 'column-gap'],
+      },
+      'margin-block-end': {
+        value: '0px',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'button-group', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: '0px',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'button-group', 'margin-block-start'],
+      },
+      'padding-block-end': {
+        value: '0px',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'button-group', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0px',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'button-group', 'padding-block-start'],
+      },
+      'row-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonGroupRowGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'button-group',
+          item: 'row-gap',
+        },
+        path: ['utrecht', 'button-group', 'row-gap'],
+      },
+    },
+    button: {
+      'background-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtButtonBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'button', 'background-color'],
+      },
+      'border-color': {
+        value: '#334155',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#334155',
+          type: 'color',
+        },
+        name: 'utrechtButtonBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'button', 'border-color'],
+      },
+      color: {
+        value: '#334155',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#334155',
+          type: 'color',
+        },
+        name: 'utrechtButtonColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'color',
+        },
+        path: ['utrecht', 'button', 'color'],
+      },
+      'border-radius': {
+        value: '5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtButtonBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'button', 'border-radius'],
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtButtonBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'button', 'border-width'],
+      },
+      icon: {
+        gap: {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtButtonIconGap',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'icon',
+            subitem: 'gap',
+          },
+          path: ['utrecht', 'button', 'icon', 'gap'],
+        },
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtButtonIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'button', 'icon', 'size'],
+        },
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtButtonFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'button', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtButtonFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'button', 'font-size'],
+      },
+      'font-weight': {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'utrechtButtonFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'button', 'font-weight'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtButtonLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'button', 'line-height'],
+      },
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'button', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'button', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'button', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'button', 'padding-inline-start'],
+      },
+      disabled: {
+        'background-color': {
+          value: '#F8FAFC',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F8FAFC',
+            type: 'color',
+          },
+          name: 'utrechtButtonDisabledBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'disabled',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'disabled', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonDisabledBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'disabled',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'disabled', 'border-color'],
+        },
+        color: {
+          value: '#64748B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#64748B',
+            type: 'color',
+          },
+          name: 'utrechtButtonDisabledColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'disabled',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'disabled', 'color'],
+        },
+      },
+      focus: {
+        'background-color': {
+          value: '#FDDE94',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FDDE94',
+            type: 'color',
+          },
+          name: 'utrechtButtonFocusBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'focus', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonFocusBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'focus',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'focus', 'border-color'],
+        },
+        color: {
+          value: '#1E293B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#1E293B',
+            type: 'color',
+          },
+          name: 'utrechtButtonFocusColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'focus', 'color'],
+        },
+      },
+      hover: {
+        'background-color': {
+          value: '#F8FAFC',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F8FAFC',
+            type: 'color',
+          },
+          name: 'utrechtButtonHoverBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'hover', 'background-color'],
+        },
+        'border-color': {
+          value: '#1E293B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#1E293B',
+            type: 'color',
+          },
+          name: 'utrechtButtonHoverBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'hover',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'hover', 'border-color'],
+        },
+        color: {
+          value: '#1E293B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#1E293B',
+            type: 'color',
+          },
+          name: 'utrechtButtonHoverColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'hover', 'color'],
+        },
+      },
+      active: {
+        'background-color': {
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'utrechtButtonActiveBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'active',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'active', 'background-color'],
+        },
+        'border-color': {
+          value: '#0F172A',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#0F172A',
+            type: 'color',
+          },
+          name: 'utrechtButtonActiveBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'active',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'active', 'border-color'],
+        },
+        color: {
+          value: '#0F172A',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#0F172A',
+            type: 'color',
+          },
+          name: 'utrechtButtonActiveColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'active',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'active', 'color'],
+        },
+      },
+      'min-block-size': {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'utrechtButtonMinBlockSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'min-block-size',
+        },
+        path: ['utrecht', 'button', 'min-block-size'],
+      },
+      'min-inline-size': {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'utrechtButtonMinInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'min-inline-size',
+        },
+        path: ['utrecht', 'button', 'min-inline-size'],
+      },
+      'column-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtButtonColumnGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'button',
+          item: 'column-gap',
+        },
+        path: ['utrecht', 'button', 'column-gap'],
+      },
+      'primary-action': {
+        hover: {
+          'background-color': {
+            value: '#162f50',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#162f50',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'hover', 'color'],
+          },
+        },
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtButtonPrimaryActionBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonPrimaryActionBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'border-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtButtonPrimaryActionColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'color'],
+        },
+        disabled: {
+          'background-color': {
+            value: '#b8c6d5',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#b8c6d5',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: '#95a9c0',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#95a9c0',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#4f7196',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#4f7196',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'disabled', 'color'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'focus', 'color'],
+          },
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtButtonPrimaryActionFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'font-weight'],
+        },
+        active: {
+          'background-color': {
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.4',
+                  space: 'srgb',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            value: '#0d2845',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              $extensions: {
+                'studio.tokens': {
+                  modify: {
+                    type: 'darken',
+                    value: '0.4',
+                    space: 'srgb',
+                    filePath: 'src/generated/figma.tokens.json',
+                    isSource: true,
+                  },
+                },
+              },
+              value: '#0d2845',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'active', 'border-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'utrechtButtonPrimaryActionActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'primary-action',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'primary-action', 'active', 'color'],
+          },
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtButtonPrimaryActionFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'font-size'],
+        },
+        'line-height': {
+          value: '1.875rem',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'lineHeights',
+          },
+          name: 'utrechtButtonPrimaryActionLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'primary-action',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'button', 'primary-action', 'line-height'],
+        },
+      },
+      'secondary-action': {
+        hover: {
+          'background-color': {
+            value: '#b8c6d5',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#b8c6d5',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'hover', 'color'],
+          },
+        },
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonSecondaryActionBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'background-color'],
+        },
+        'border-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtButtonSecondaryActionBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtButtonSecondaryActionColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'color'],
+        },
+        disabled: {
+          'background-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: '#738eab',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#738eab',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#738eab',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#738eab',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'disabled', 'color'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: '#b8c6d5',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#b8c6d5',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'focus', 'color'],
+          },
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtButtonSecondaryActionFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'font-weight'],
+        },
+        active: {
+          'background-color': {
+            value: '#95a9c0',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#95a9c0',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'active', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonSecondaryActionActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'secondary-action',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'secondary-action', 'active', 'color'],
+          },
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtButtonSecondaryActionFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'font-size'],
+        },
+        'line-height': {
+          value: '1.875rem',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'lineHeights',
+          },
+          name: 'utrechtButtonSecondaryActionLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'secondary-action',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'button', 'secondary-action', 'line-height'],
+        },
+      },
+      subtle: {
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtButtonSubtleFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'button', 'subtle', 'font-size'],
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtButtonSubtleFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'button', 'subtle', 'font-weight'],
+        },
+        hover: {
+          'background-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#162f50',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#162f50',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'hover', 'color'],
+          },
+        },
+        'background-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonSubtleBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'button', 'subtle', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtButtonSubtleBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'button', 'subtle', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtButtonSubtleColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'button', 'subtle', 'color'],
+        },
+        disabled: {
+          'background-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleDisabledBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'disabled',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'disabled', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleDisabledBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'disabled',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'disabled', 'border-color'],
+          },
+          color: {
+            value: '#b8c6d5',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#b8c6d5',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleDisabledColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'disabled',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'disabled', 'color'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: '#dce3ea',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#dce3ea',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'focus', 'color'],
+          },
+        },
+        active: {
+          'background-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'active', 'border-color'],
+          },
+          color: {
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.4',
+                  space: 'srgb',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            value: '#0d2845',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              $extensions: {
+                'studio.tokens': {
+                  modify: {
+                    type: 'darken',
+                    value: '0.4',
+                    space: 'srgb',
+                    filePath: 'src/generated/figma.tokens.json',
+                    isSource: true,
+                  },
+                },
+              },
+              value: '#0d2845',
+              type: 'color',
+            },
+            name: 'utrechtButtonSubtleActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'button',
+              item: 'subtle',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'button', 'subtle', 'active', 'color'],
+          },
+        },
+        'line-height': {
+          value: '1.875rem',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'lineHeights',
+          },
+          name: 'utrechtButtonSubtleLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'button',
+            item: 'subtle',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'button', 'subtle', 'line-height'],
+        },
+      },
+    },
+    'breadcrumb-nav': {
+      'line-height': {
+        value: 1.4,
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 1.4,
+          type: 'lineHeights',
+        },
+        name: 'utrechtBreadcrumbNavLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'breadcrumb-nav',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'breadcrumb-nav', 'line-height'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtBreadcrumbNavFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'breadcrumb-nav',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'breadcrumb-nav', 'font-size'],
+      },
+      link: {
+        icon: {
+          size: {
+            value: '24px',
+            type: 'sizing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '24px',
+              type: 'sizing',
+            },
+            name: 'utrechtBreadcrumbNavLinkIconSize',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'icon',
+              state: 'size',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'size'],
+          },
+          'margin-inline': {
+            value: '0.25rem',
+            type: 'spacing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '0.25rem',
+              type: 'spacing',
+            },
+            name: 'utrechtBreadcrumbNavLinkIconMarginInline',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'icon',
+              state: 'margin-inline',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'margin-inline'],
+          },
+          'inset-block-start': {
+            value: 0,
+            type: 'spacing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'spacing',
+            },
+            name: 'utrechtBreadcrumbNavLinkIconInsetBlockStart',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'icon',
+              state: 'inset-block-start',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'inset-block-start'],
+          },
+        },
+        'padding-block-end': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'utrechtBreadcrumbNavLinkPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'utrechtBreadcrumbNavLinkPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-block-start'],
+        },
+        'padding-inline-end': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtBreadcrumbNavLinkPaddingInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'padding-inline-end',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtBreadcrumbNavLinkPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-inline-start'],
+        },
+        color: {
+          value: '#01689b',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#01689b',
+            type: 'color',
+          },
+          name: 'utrechtBreadcrumbNavLinkColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'color'],
+        },
+        active: {
+          color: {
+            value: '#42145f',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#42145f',
+              type: 'color',
+            },
+            name: 'utrechtBreadcrumbNavLinkActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'active', 'color'],
+          },
+          'text-decoration': {
+            value: 'None',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'None',
+              type: 'textDecoration',
+            },
+            name: 'utrechtBreadcrumbNavLinkActiveTextDecoration',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'active',
+              state: 'text-decoration',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'active', 'text-decoration'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: 'transparent',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'transparent',
+              type: 'color',
+            },
+            name: 'utrechtBreadcrumbNavLinkFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'background-color'],
+          },
+          color: {
+            value: '#01689b',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#01689b',
+              type: 'color',
+            },
+            name: 'utrechtBreadcrumbNavLinkFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'color'],
+          },
+          'text-decoration': {
+            value: 'None',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'None',
+              type: 'textDecoration',
+            },
+            name: 'utrechtBreadcrumbNavLinkFocusTextDecoration',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'text-decoration',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'text-decoration'],
+          },
+        },
+        hover: {
+          color: {
+            value: '#01496c',
+            type: 'color',
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.3',
+                  space: 'srgb',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#01496c',
+              type: 'color',
+              $extensions: {
+                'studio.tokens': {
+                  modify: {
+                    type: 'darken',
+                    value: '0.3',
+                    space: 'srgb',
+                    filePath: 'src/generated/figma.tokens.json',
+                    isSource: true,
+                  },
+                },
+              },
+            },
+            name: 'utrechtBreadcrumbNavLinkHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'hover', 'color'],
+          },
+          'text-decoration': {
+            value: 'None',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'None',
+              type: 'textDecoration',
+            },
+            name: 'utrechtBreadcrumbNavLinkHoverTextDecoration',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'hover',
+              state: 'text-decoration',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'hover', 'text-decoration'],
+          },
+        },
+        current: {
+          color: {
+            value: '#334155',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#334155',
+              type: 'color',
+            },
+            name: 'utrechtBreadcrumbNavLinkCurrentColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'breadcrumb-nav',
+              item: 'link',
+              subitem: 'current',
+              state: 'color',
+            },
+            path: ['utrecht', 'breadcrumb-nav', 'link', 'current', 'color'],
+          },
+        },
+        'text-decoration': {
+          value: 'underline',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'underline',
+            type: 'textDecoration',
+          },
+          name: 'utrechtBreadcrumbNavLinkTextDecoration',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'link',
+            subitem: 'text-decoration',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'link', 'text-decoration'],
+        },
+      },
+      divider: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtBreadcrumbNavDividerSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'divider',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'divider', 'size'],
+        },
+        color: {
+          value: '#334155',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#334155',
+            type: 'color',
+          },
+          name: 'utrechtBreadcrumbNavDividerColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'divider',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'divider', 'color'],
+        },
+        'inset-block-start': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtBreadcrumbNavDividerInsetBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'breadcrumb-nav',
+            item: 'divider',
+            subitem: 'inset-block-start',
+          },
+          path: ['utrecht', 'breadcrumb-nav', 'divider', 'inset-block-start'],
+        },
+      },
+      'margin-inline': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBreadcrumbNavMarginInline',
+        attributes: {
+          category: 'utrecht',
+          type: 'breadcrumb-nav',
+          item: 'margin-inline',
+        },
+        path: ['utrecht', 'breadcrumb-nav', 'margin-inline'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtBreadcrumbNavFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'breadcrumb-nav',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'breadcrumb-nav', 'font-family'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtBreadcrumbNavFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'breadcrumb-nav',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'breadcrumb-nav', 'font-weight'],
+      },
+    },
+    blockquote: {
+      attribution: {
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtBlockquoteAttributionFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'font-size'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtBlockquoteAttributionFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'font-family'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtBlockquoteAttributionLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'line-height'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'utrechtBlockquoteAttributionFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'font-weight'],
+        },
+        'padding-block-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'utrechtBlockquoteAttributionPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'padding-block-start'],
+        },
+        color: {
+          value: '#334155',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#334155',
+            type: 'color',
+          },
+          name: 'utrechtBlockquoteAttributionColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'attribution',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'blockquote', 'attribution', 'color'],
+        },
+      },
+      content: {
+        'font-family': {
+          value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+            type: 'fontFamilies',
+          },
+          name: 'utrechtBlockquoteContentFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'content',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'blockquote', 'content', 'font-family'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtBlockquoteContentLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'content',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'blockquote', 'content', 'line-height'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'utrechtBlockquoteContentFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'content',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'blockquote', 'content', 'font-weight'],
+        },
+        'font-size': {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtBlockquoteContentFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'content',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'blockquote', 'content', 'font-size'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtBlockquoteContentColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'content',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'blockquote', 'content', 'color'],
+        },
+      },
+      'padding-block-end': {
+        value: '2rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBlockquotePaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'blockquote', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '2rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBlockquotePaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'blockquote', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '2rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBlockquotePaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'blockquote', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '2rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBlockquotePaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'blockquote', 'padding-inline-start'],
+      },
+      'row-gap': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtBlockquoteRowGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'row-gap',
+        },
+        path: ['utrecht', 'blockquote', 'row-gap'],
+      },
+      'background-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtBlockquoteBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'blockquote', 'background-color'],
+      },
+      'border-color': {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtBlockquoteBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'blockquote', 'border-color'],
+      },
+      'border-block-start-width': {
+        value: 0,
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderWidth',
+        },
+        name: 'utrechtBlockquoteBorderBlockStartWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-block-start-width',
+        },
+        path: ['utrecht', 'blockquote', 'border-block-start-width'],
+      },
+      'border-block-end-width': {
+        value: 0,
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderWidth',
+        },
+        name: 'utrechtBlockquoteBorderBlockEndWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-block-end-width',
+        },
+        path: ['utrecht', 'blockquote', 'border-block-end-width'],
+      },
+      'border-inline-start-width': {
+        value: 0,
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderWidth',
+        },
+        name: 'utrechtBlockquoteBorderInlineStartWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-inline-start-width',
+        },
+        path: ['utrecht', 'blockquote', 'border-inline-start-width'],
+      },
+      'border-inline-end-width': {
+        value: 0,
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderWidth',
+        },
+        name: 'utrechtBlockquoteBorderInlineEndWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-inline-end-width',
+        },
+        path: ['utrecht', 'blockquote', 'border-inline-end-width'],
+      },
+      'border-start-start-radius': {
+        value: 0,
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderRadius',
+        },
+        name: 'utrechtBlockquoteBorderStartStartRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-start-start-radius',
+        },
+        path: ['utrecht', 'blockquote', 'border-start-start-radius'],
+      },
+      'border-start-end-radius': {
+        value: 0,
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderRadius',
+        },
+        name: 'utrechtBlockquoteBorderStartEndRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-start-end-radius',
+        },
+        path: ['utrecht', 'blockquote', 'border-start-end-radius'],
+      },
+      'border-end-start-radius': {
+        value: 0,
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderRadius',
+        },
+        name: 'utrechtBlockquoteBorderEndStartRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-end-start-radius',
+        },
+        path: ['utrecht', 'blockquote', 'border-end-start-radius'],
+      },
+      'border-end-end-radius': {
+        value: 0,
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 0,
+          type: 'borderRadius',
+        },
+        name: 'utrechtBlockquoteBorderEndEndRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-end-end-radius',
+        },
+        path: ['utrecht', 'blockquote', 'border-end-end-radius'],
+      },
+      'border-width': {
+        value: '2px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtBlockquoteBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'blockquote',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'blockquote', 'border-width'],
+      },
+      'blue-corner-border-variation': {
+        'border-color': {
+          value: '#154273',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'other',
+          },
+          name: 'utrechtBlockquoteBlueCornerBorderVariationBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'blue-corner-border-variation',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-color'],
+        },
+        'border-block-end-width': {
+          value: '2px',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'other',
+          },
+          name: 'utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'blue-corner-border-variation',
+            subitem: 'border-block-end-width',
+          },
+          path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-block-end-width'],
+        },
+        'border-inline-end-width': {
+          value: '2px',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2px',
+            type: 'other',
+          },
+          name: 'utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'blue-corner-border-variation',
+            subitem: 'border-inline-end-width',
+          },
+          path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-inline-end-width'],
+        },
+        'border-end-end-radius': {
+          value: '3rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'blue-corner-border-variation',
+            subitem: 'border-end-end-radius',
+          },
+          path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-end-end-radius'],
+        },
+      },
+      'pink-background-variation': {
+        'background-color': {
+          value: '#F6BDE1',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F6BDE1',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkBackgroundVariationBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-background-variation',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'blockquote', 'pink-background-variation', 'background-color'],
+        },
+        'border-end-start-radius': {
+          value: '3rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-background-variation',
+            subitem: 'border-end-start-radius',
+          },
+          path: ['utrecht', 'blockquote', 'pink-background-variation', 'border-end-start-radius'],
+        },
+        padding: {
+          value: '2.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkBackgroundVariationPadding',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-background-variation',
+            subitem: 'padding',
+          },
+          path: ['utrecht', 'blockquote', 'pink-background-variation', 'padding'],
+        },
+      },
+      'pink-left-border-variation': {
+        'border-color': {
+          value: '#F6BDE1',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F6BDE1',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'border-color'],
+        },
+        'border-inline-start-width': {
+          value: '0.75rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'border-inline-start-width',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'border-inline-start-width'],
+        },
+        'padding-inline-start': {
+          value: '2.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-inline-start'],
+        },
+        'padding-inline-end': {
+          value: '2.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'padding-inline-end',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-inline-end'],
+        },
+        'padding-block-start': {
+          value: '1.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-block-start'],
+        },
+        'padding-block-end': {
+          value: '1.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-left-border-variation',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-block-end'],
+        },
+      },
+      'pink-corner-border-variation': {
+        'border-color': {
+          value: '#F6BDE1',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F6BDE1',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkCornerBorderVariationBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-corner-border-variation',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-color'],
+        },
+        'border-block-start-width': {
+          value: '0.25rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-corner-border-variation',
+            subitem: 'border-block-start-width',
+          },
+          path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-block-start-width'],
+        },
+        'border-inline-start-width': {
+          value: '0.25rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.25rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-corner-border-variation',
+            subitem: 'border-inline-start-width',
+          },
+          path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-inline-start-width'],
+        },
+        'border-start-start-radius': {
+          value: '3rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-corner-border-variation',
+            subitem: 'border-start-start-radius',
+          },
+          path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-start-start-radius'],
+        },
+        padding: {
+          value: '2.5rem',
+          type: 'other',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'other',
+          },
+          name: 'utrechtBlockquotePinkCornerBorderVariationPadding',
+          attributes: {
+            category: 'utrecht',
+            type: 'blockquote',
+            item: 'pink-corner-border-variation',
+            subitem: 'padding',
+          },
+          path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'padding'],
+        },
+      },
+    },
+    article: {
+      'max-inline-size': {
+        value: '75ch',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '75ch',
+          type: 'spacing',
+        },
+        name: 'utrechtArticleMaxInlineSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'article',
+          item: 'max-inline-size',
+        },
+        path: ['utrecht', 'article', 'max-inline-size'],
+      },
+    },
+    alert: {
+      heading: {
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'utrechtAlertHeadingFontFamily',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'heading',
+            subitem: 'font-family',
+          },
+          path: ['utrecht', 'alert', 'heading', 'font-family'],
+        },
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'utrechtAlertHeadingFontWeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'heading',
+            subitem: 'font-weight',
+          },
+          path: ['utrecht', 'alert', 'heading', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'utrechtAlertHeadingLineHeight',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'heading',
+            subitem: 'line-height',
+          },
+          path: ['utrecht', 'alert', 'heading', 'line-height'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'utrechtAlertHeadingFontSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'heading',
+            subitem: 'font-size',
+          },
+          path: ['utrecht', 'alert', 'heading', 'font-size'],
+        },
+      },
+      'column-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertColumnGap',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'column-gap',
+        },
+        path: ['utrecht', 'alert', 'column-gap'],
+      },
+      'border-width': {
+        value: '0px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'borderWidth',
+        },
+        name: 'utrechtAlertBorderWidth',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'border-width',
+        },
+        path: ['utrecht', 'alert', 'border-width'],
+      },
+      'margin-block-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertMarginBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'margin-block-end',
+        },
+        path: ['utrecht', 'alert', 'margin-block-end'],
+      },
+      'margin-block-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertMarginBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'margin-block-start',
+        },
+        path: ['utrecht', 'alert', 'margin-block-start'],
+      },
+      'padding-block-end': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertPaddingBlockEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'padding-block-end',
+        },
+        path: ['utrecht', 'alert', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertPaddingBlockStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'padding-block-start',
+        },
+        path: ['utrecht', 'alert', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertPaddingInlineEnd',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'padding-inline-end',
+        },
+        path: ['utrecht', 'alert', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'utrechtAlertPaddingInlineStart',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'padding-inline-start',
+        },
+        path: ['utrecht', 'alert', 'padding-inline-start'],
+      },
+      'background-color': {
+        value: '#d9ebf7',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#d9ebf7',
+          type: 'color',
+        },
+        name: 'utrechtAlertBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'alert', 'background-color'],
+      },
+      'border-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'utrechtAlertBorderColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'border-color',
+        },
+        path: ['utrecht', 'alert', 'border-color'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'utrechtAlertColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'color',
+        },
+        path: ['utrecht', 'alert', 'color'],
+      },
+      info: {
+        'background-color': {
+          value: '#d9ebf7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#d9ebf7',
+            type: 'color',
+          },
+          name: 'utrechtAlertInfoBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'info',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'alert', 'info', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtAlertInfoBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'info',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'alert', 'info', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtAlertInfoColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'info',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'alert', 'info', 'color'],
+        },
+      },
+      error: {
+        'background-color': {
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'utrechtAlertErrorBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'error',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'alert', 'error', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtAlertErrorBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'error',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'alert', 'error', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtAlertErrorColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'error',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'alert', 'error', 'color'],
+        },
+      },
+      ok: {
+        'background-color': {
+          value: '#e1eddb',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#e1eddb',
+            type: 'color',
+          },
+          name: 'utrechtAlertOkBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'ok',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'alert', 'ok', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtAlertOkBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'ok',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'alert', 'ok', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtAlertOkColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'ok',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'alert', 'ok', 'color'],
+        },
+      },
+      warning: {
+        'background-color': {
+          value: '#fff4db',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff4db',
+            type: 'color',
+          },
+          name: 'utrechtAlertWarningBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'warning',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'alert', 'warning', 'background-color'],
+        },
+        'border-color': {
+          value: 'transparent',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'transparent',
+            type: 'color',
+          },
+          name: 'utrechtAlertWarningBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'warning',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'alert', 'warning', 'border-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtAlertWarningColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'warning',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'alert', 'warning', 'color'],
+        },
+      },
+      icon: {
+        'inset-block-start': {
+          value: '3px',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3px',
+            type: 'spacing',
+          },
+          name: 'utrechtAlertIconInsetBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'icon',
+            subitem: 'inset-block-start',
+          },
+          path: ['utrecht', 'alert', 'icon', 'inset-block-start'],
+        },
+        info: {
+          color: {
+            value: '#007bc7',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#007bc7',
+              type: 'color',
+            },
+            name: 'utrechtAlertIconInfoColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'alert',
+              item: 'icon',
+              subitem: 'info',
+              state: 'color',
+            },
+            path: ['utrecht', 'alert', 'icon', 'info', 'color'],
+          },
+        },
+        error: {
+          color: {
+            value: '#d52b1e',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#d52b1e',
+              type: 'color',
+            },
+            name: 'utrechtAlertIconErrorColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'alert',
+              item: 'icon',
+              subitem: 'error',
+              state: 'color',
+            },
+            path: ['utrecht', 'alert', 'icon', 'error', 'color'],
+          },
+        },
+        ok: {
+          color: {
+            value: '#39870c',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#39870c',
+              type: 'color',
+            },
+            name: 'utrechtAlertIconOkColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'alert',
+              item: 'icon',
+              subitem: 'ok',
+              state: 'color',
+            },
+            path: ['utrecht', 'alert', 'icon', 'ok', 'color'],
+          },
+        },
+        warning: {
+          color: {
+            value: '#ffb612',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#ffb612',
+              type: 'color',
+            },
+            name: 'utrechtAlertIconWarningColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'alert',
+              item: 'icon',
+              subitem: 'warning',
+              state: 'color',
+            },
+            path: ['utrecht', 'alert', 'icon', 'warning', 'color'],
+          },
+        },
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'utrechtAlertIconSize',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['utrecht', 'alert', 'icon', 'size'],
+        },
+      },
+      message: {
+        'row-gap': {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'utrechtAlertMessageRowGap',
+          attributes: {
+            category: 'utrecht',
+            type: 'alert',
+            item: 'message',
+            subitem: 'row-gap',
+          },
+          path: ['utrecht', 'alert', 'message', 'row-gap'],
+        },
+      },
+      'border-radius': {
+        value: '5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '5px',
+          type: 'borderRadius',
+        },
+        name: 'utrechtAlertBorderRadius',
+        attributes: {
+          category: 'utrecht',
+          type: 'alert',
+          item: 'border-radius',
+        },
+        path: ['utrecht', 'alert', 'border-radius'],
+      },
+    },
+    accordion: {
+      panel: {
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtAccordionPanelBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'border-color'],
+        },
+        'border-width': {
+          value: 0,
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderWidth',
+          },
+          name: 'utrechtAccordionPanelBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'border-width'],
+        },
+        'padding-block-end': {
+          value: '1.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtAccordionPanelPaddingBlockEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'padding-block-end',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtAccordionPanelPaddingBlockStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'padding-block-start',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'padding-block-start'],
+        },
+        'padding-inline-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtAccordionPanelPaddingInlineEnd',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'padding-inline-end',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'utrechtAccordionPanelPaddingInlineStart',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'panel',
+            subitem: 'padding-inline-start',
+          },
+          path: ['utrecht', 'accordion', 'panel', 'padding-inline-start'],
+        },
+      },
+      button: {
+        gap: {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'utrechtAccordionButtonGap',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'gap',
+          },
+          path: ['utrecht', 'accordion', 'button', 'gap'],
+        },
+        icon: {
+          size: {
+            value: '24px',
+            type: 'sizing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '24px',
+              type: 'sizing',
+            },
+            name: 'utrechtAccordionButtonIconSize',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'icon',
+              state: 'size',
+            },
+            path: ['utrecht', 'accordion', 'button', 'icon', 'size'],
+          },
+        },
+        hover: {
+          'background-color': {
+            value: '#F8FAFC',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#F8FAFC',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonHoverBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'hover', 'background-color'],
+          },
+          'border-color': {
+            value: '#94A3B8',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#94A3B8',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonHoverBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'hover',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'hover', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonHoverColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'hover', 'color'],
+          },
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'utrechtAccordionButtonBackgroundColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'background-color',
+          },
+          path: ['utrecht', 'accordion', 'button', 'background-color'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'utrechtAccordionButtonBorderColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'border-color',
+          },
+          path: ['utrecht', 'accordion', 'button', 'border-color'],
+        },
+        'border-width': {
+          value: 0,
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderWidth',
+          },
+          name: 'utrechtAccordionButtonBorderWidth',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'border-width',
+          },
+          path: ['utrecht', 'accordion', 'button', 'border-width'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'utrechtAccordionButtonColor',
+          attributes: {
+            category: 'utrecht',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'color',
+          },
+          path: ['utrecht', 'accordion', 'button', 'color'],
+        },
+        focus: {
+          'background-color': {
+            value: '#dce3ea',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#dce3ea',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonFocusBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'focus', 'background-color'],
+          },
+          'border-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonFocusBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'focus',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'focus', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonFocusColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'focus', 'color'],
+          },
+        },
+        active: {
+          'background-color': {
+            value: '#F1F5F9',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#F1F5F9',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonActiveBackgroundColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'active', 'background-color'],
+          },
+          'border-color': {
+            value: '#94A3B8',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#94A3B8',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonActiveBorderColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'active',
+              state: 'border-color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'active', 'border-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'utrechtAccordionButtonActiveColor',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['utrecht', 'accordion', 'button', 'active', 'color'],
+          },
+          'row-gap': {
+            value: 0,
+            type: 'spacing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 0,
+              type: 'spacing',
+            },
+            name: 'utrechtAccordionButtonActiveRowGap',
+            attributes: {
+              category: 'utrecht',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'active',
+              state: 'row-gap',
+            },
+            path: ['utrecht', 'accordion', 'button', 'active', 'row-gap'],
+          },
+        },
+      },
+    },
+    document: {
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'utrechtDocumentBackgroundColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'background-color',
+        },
+        path: ['utrecht', 'document', 'background-color'],
+      },
+      color: {
+        value: '#000',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#000',
+          type: 'color',
+        },
+        name: 'utrechtDocumentColor',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'color',
+        },
+        path: ['utrecht', 'document', 'color'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'utrechtDocumentFontFamily',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'font-family',
+        },
+        path: ['utrecht', 'document', 'font-family'],
+      },
+      'font-size': {
+        value: '1.25rem',
+        type: 'fontSizes',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.25rem',
+          type: 'fontSizes',
+        },
+        name: 'utrechtDocumentFontSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'font-size',
+        },
+        path: ['utrecht', 'document', 'font-size'],
+      },
+      'line-height': {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'utrechtDocumentLineHeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'line-height',
+        },
+        path: ['utrecht', 'document', 'line-height'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'utrechtDocumentFontWeight',
+        attributes: {
+          category: 'utrecht',
+          type: 'document',
+          item: 'font-weight',
+        },
+        path: ['utrecht', 'document', 'font-weight'],
+      },
+    },
+    'pointer-target': {
+      'min-size': {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'utrechtPointerTargetMinSize',
+        attributes: {
+          category: 'utrecht',
+          type: 'pointer-target',
+          item: 'min-size',
+        },
+        path: ['utrecht', 'pointer-target', 'min-size'],
+      },
+    },
+  },
+  todo: {
+    toggletip: {
+      color: {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'todoToggletipColor',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'color',
+        },
+        path: ['todo', 'toggletip', 'color'],
+      },
+      'background-color': {
+        value: '#007bc7',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#007bc7',
+          type: 'color',
+        },
+        name: 'todoToggletipBackgroundColor',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'background-color',
+        },
+        path: ['todo', 'toggletip', 'background-color'],
+      },
+      'border-color': {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'todoToggletipBorderColor',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'border-color',
+        },
+        path: ['todo', 'toggletip', 'border-color'],
+      },
+      'border-radius': {
+        value: '5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '5px',
+          type: 'borderRadius',
+        },
+        name: 'todoToggletipBorderRadius',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'border-radius',
+        },
+        path: ['todo', 'toggletip', 'border-radius'],
+      },
+      icon: {
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'todoToggletipIconSize',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['todo', 'toggletip', 'icon', 'size'],
+        },
+      },
+      size: {
+        value: '24px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'sizing',
+        },
+        name: 'todoToggletipSize',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'size',
+        },
+        path: ['todo', 'toggletip', 'size'],
+      },
+      active: {
+        color: {
+          value: '#007bc7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#007bc7',
+            type: 'color',
+          },
+          name: 'todoToggletipActiveColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'active',
+            subitem: 'color',
+          },
+          path: ['todo', 'toggletip', 'active', 'color'],
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'todoToggletipActiveBackgroundColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'active',
+            subitem: 'background-color',
+          },
+          path: ['todo', 'toggletip', 'active', 'background-color'],
+        },
+        'border-color': {
+          value: '#007bc7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#007bc7',
+            type: 'color',
+          },
+          name: 'todoToggletipActiveBorderColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'active',
+            subitem: 'border-color',
+          },
+          path: ['todo', 'toggletip', 'active', 'border-color'],
+        },
+      },
+      hover: {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'todoToggletipHoverColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'hover',
+            subitem: 'color',
+          },
+          path: ['todo', 'toggletip', 'hover', 'color'],
+        },
+        'background-color': {
+          value: '#66AFDD',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#66AFDD',
+            type: 'color',
+          },
+          name: 'todoToggletipHoverBackgroundColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'hover',
+            subitem: 'background-color',
+          },
+          path: ['todo', 'toggletip', 'hover', 'background-color'],
+        },
+      },
+      focus: {
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'todoToggletipFocusColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'focus',
+            subitem: 'color',
+          },
+          path: ['todo', 'toggletip', 'focus', 'color'],
+        },
+        'background-color': {
+          value: '#007bc7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#007bc7',
+            type: 'color',
+          },
+          name: 'todoToggletipFocusBackgroundColor',
+          attributes: {
+            category: 'todo',
+            type: 'toggletip',
+            item: 'focus',
+            subitem: 'background-color',
+          },
+          path: ['todo', 'toggletip', 'focus', 'background-color'],
+        },
+      },
+      'border-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'todoToggletipBorderWidth',
+        attributes: {
+          category: 'todo',
+          type: 'toggletip',
+          item: 'border-width',
+        },
+        path: ['todo', 'toggletip', 'border-width'],
+      },
+    },
+    'link-list-card': {
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'todoLinkListCardBackgroundColor',
+        attributes: {
+          category: 'todo',
+          type: 'link-list-card',
+          item: 'background-color',
+        },
+        path: ['todo', 'link-list-card', 'background-color'],
+      },
+      'padding-block-start': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'todoLinkListCardPaddingBlockStart',
+        attributes: {
+          category: 'todo',
+          type: 'link-list-card',
+          item: 'padding-block-start',
+        },
+        path: ['todo', 'link-list-card', 'padding-block-start'],
+      },
+      'padding-block-end': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'todoLinkListCardPaddingBlockEnd',
+        attributes: {
+          category: 'todo',
+          type: 'link-list-card',
+          item: 'padding-block-end',
+        },
+        path: ['todo', 'link-list-card', 'padding-block-end'],
+      },
+      'padding-inline-start': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'todoLinkListCardPaddingInlineStart',
+        attributes: {
+          category: 'todo',
+          type: 'link-list-card',
+          item: 'padding-inline-start',
+        },
+        path: ['todo', 'link-list-card', 'padding-inline-start'],
+      },
+      'padding-inline-end': {
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'todoLinkListCardPaddingInlineEnd',
+        attributes: {
+          category: 'todo',
+          type: 'link-list-card',
+          item: 'padding-inline-end',
+        },
+        path: ['todo', 'link-list-card', 'padding-inline-end'],
+      },
+    },
+  },
+  rhc: {
+    sidenav: {
+      link: {
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'rhcSidenavLinkLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'sidenav', 'link', 'line-height'],
+        },
+        icon: {
+          size: {
+            value: '24px',
+            type: 'sizing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '24px',
+              type: 'sizing',
+            },
+            name: 'rhcSidenavLinkIconSize',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'icon',
+              state: 'size',
+            },
+            path: ['rhc', 'sidenav', 'link', 'icon', 'size'],
+          },
+          'margin-inline': {
+            value: '0.5rem',
+            type: 'spacing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '0.5rem',
+              type: 'spacing',
+            },
+            name: 'rhcSidenavLinkIconMarginInline',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'icon',
+              state: 'margin-inline',
+            },
+            path: ['rhc', 'sidenav', 'link', 'icon', 'margin-inline'],
+          },
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcSidenavLinkFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'sidenav', 'link', 'font-size'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'rhcSidenavLinkFontFamily',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'font-family',
+          },
+          path: ['rhc', 'sidenav', 'link', 'font-family'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'rhcSidenavLinkFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'sidenav', 'link', 'font-weight'],
+        },
+        current: {
+          'font-weight': {
+            value: 700,
+            type: 'fontWeights',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 700,
+              type: 'fontWeights',
+            },
+            name: 'rhcSidenavLinkCurrentFontWeight',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'current',
+              state: 'font-weight',
+            },
+            path: ['rhc', 'sidenav', 'link', 'current', 'font-weight'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'rhcSidenavLinkCurrentColor',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'current',
+              state: 'color',
+            },
+            path: ['rhc', 'sidenav', 'link', 'current', 'color'],
+          },
+        },
+        color: {
+          value: '#01689b',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#01689b',
+            type: 'color',
+          },
+          name: 'rhcSidenavLinkColor',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'color',
+          },
+          path: ['rhc', 'sidenav', 'link', 'color'],
+        },
+        active: {
+          color: {
+            value: '#42145f',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#42145f',
+              type: 'color',
+            },
+            name: 'rhcSidenavLinkActiveColor',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['rhc', 'sidenav', 'link', 'active', 'color'],
+          },
+          'text-decoration': {
+            value: 'underline',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'underline',
+              type: 'textDecoration',
+            },
+            name: 'rhcSidenavLinkActiveTextDecoration',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'active',
+              state: 'text-decoration',
+            },
+            path: ['rhc', 'sidenav', 'link', 'active', 'text-decoration'],
+          },
+        },
+        focus: {
+          'background-color': {
+            value: 'none',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'none',
+              type: 'color',
+            },
+            name: 'rhcSidenavLinkFocusBackgroundColor',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['rhc', 'sidenav', 'link', 'focus', 'background-color'],
+          },
+          color: {
+            value: '#01689b',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#01689b',
+              type: 'color',
+            },
+            name: 'rhcSidenavLinkFocusColor',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['rhc', 'sidenav', 'link', 'focus', 'color'],
+          },
+          'text-decoration': {
+            value: 'None',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'None',
+              type: 'textDecoration',
+            },
+            name: 'rhcSidenavLinkFocusTextDecoration',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'focus',
+              state: 'text-decoration',
+            },
+            path: ['rhc', 'sidenav', 'link', 'focus', 'text-decoration'],
+          },
+        },
+        hover: {
+          color: {
+            value: '#15496a',
+            type: 'color',
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.3',
+                  space: 'lch',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#15496a',
+              type: 'color',
+              $extensions: {
+                'studio.tokens': {
+                  modify: {
+                    type: 'darken',
+                    value: '0.3',
+                    space: 'lch',
+                    filePath: 'src/generated/figma.tokens.json',
+                    isSource: true,
+                  },
+                },
+              },
+            },
+            name: 'rhcSidenavLinkHoverColor',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['rhc', 'sidenav', 'link', 'hover', 'color'],
+          },
+          'text-decoration': {
+            value: 'underline',
+            type: 'textDecoration',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: 'underline',
+              type: 'textDecoration',
+            },
+            name: 'rhcSidenavLinkHoverTextDecoration',
+            attributes: {
+              category: 'rhc',
+              type: 'sidenav',
+              item: 'link',
+              subitem: 'hover',
+              state: 'text-decoration',
+            },
+            path: ['rhc', 'sidenav', 'link', 'hover', 'text-decoration'],
+          },
+        },
+        'padding-block-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcSidenavLinkPaddingBlockStart',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'padding-block-start',
+          },
+          path: ['rhc', 'sidenav', 'link', 'padding-block-start'],
+        },
+        'padding-block-end': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcSidenavLinkPaddingBlockEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'padding-block-end',
+          },
+          path: ['rhc', 'sidenav', 'link', 'padding-block-end'],
+        },
+        'text-decoration': {
+          value: 'None',
+          type: 'textDecoration',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'None',
+            type: 'textDecoration',
+          },
+          name: 'rhcSidenavLinkTextDecoration',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'text-decoration',
+          },
+          path: ['rhc', 'sidenav', 'link', 'text-decoration'],
+        },
+        'column-gap': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'rhcSidenavLinkColumnGap',
+          attributes: {
+            category: 'rhc',
+            type: 'sidenav',
+            item: 'link',
+            subitem: 'column-gap',
+          },
+          path: ['rhc', 'sidenav', 'link', 'column-gap'],
+        },
+      },
+    },
+    'radio-group': {
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcRadioGroupPaddingBlockEnd',
+        attributes: {
+          category: 'rhc',
+          type: 'radio-group',
+          item: 'padding-block-end',
+        },
+        path: ['rhc', 'radio-group', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcRadioGroupPaddingBlockStart',
+        attributes: {
+          category: 'rhc',
+          type: 'radio-group',
+          item: 'padding-block-start',
+        },
+        path: ['rhc', 'radio-group', 'padding-block-start'],
+      },
+      'row-gap': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'rhcRadioGroupRowGap',
+        attributes: {
+          category: 'rhc',
+          type: 'radio-group',
+          item: 'row-gap',
+        },
+        path: ['rhc', 'radio-group', 'row-gap'],
+      },
+    },
+    'nav-bar': {
+      'border-block-end-width': {
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'rhcNavBarBorderBlockEndWidth',
+        attributes: {
+          category: 'rhc',
+          type: 'nav-bar',
+          item: 'border-block-end-width',
+        },
+        path: ['rhc', 'nav-bar', 'border-block-end-width'],
+      },
+      'padding-inline': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'rhcNavBarPaddingInline',
+        attributes: {
+          category: 'rhc',
+          type: 'nav-bar',
+          item: 'padding-inline',
+        },
+        path: ['rhc', 'nav-bar', 'padding-inline'],
+      },
+      content: {
+        'column-gap': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarContentColumnGap',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'content',
+            subitem: 'column-gap',
+          },
+          path: ['rhc', 'nav-bar', 'content', 'column-gap'],
+        },
+      },
+      icon: {
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcNavBarIconColor',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'icon',
+            subitem: 'color',
+          },
+          path: ['rhc', 'nav-bar', 'icon', 'color'],
+        },
+        active: {
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'rhcNavBarIconActiveColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'icon',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['rhc', 'nav-bar', 'icon', 'active', 'color'],
+          },
+        },
+        size: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'rhcNavBarIconSize',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'icon',
+            subitem: 'size',
+          },
+          path: ['rhc', 'nav-bar', 'icon', 'size'],
+        },
+      },
+      link: {
+        active: {
+          'background-color': {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkActiveBackgroundColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'active',
+              state: 'background-color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'active', 'background-color'],
+          },
+          color: {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkActiveColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'active',
+              state: 'color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'active', 'color'],
+          },
+        },
+        'background-color': {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'rhcNavBarLinkBackgroundColor',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'background-color',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'background-color'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcNavBarLinkColor',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'color',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'color'],
+        },
+        focus: {
+          'background-color': {
+            value: '#dce3ea',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#dce3ea',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkFocusBackgroundColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'focus',
+              state: 'background-color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'focus', 'background-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkFocusColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'focus',
+              state: 'color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'focus', 'color'],
+          },
+        },
+        hover: {
+          'background-color': {
+            value: '#F8FAFC',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#F8FAFC',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkHoverBackgroundColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'hover',
+              state: 'background-color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'hover', 'background-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'rhcNavBarLinkHoverColor',
+            attributes: {
+              category: 'rhc',
+              type: 'nav-bar',
+              item: 'link',
+              subitem: 'hover',
+              state: 'color',
+            },
+            path: ['rhc', 'nav-bar', 'link', 'hover', 'color'],
+          },
+        },
+        'padding-block-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarLinkPaddingBlockEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'padding-block-end',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarLinkPaddingBlockStart',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'padding-block-start',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'padding-block-start'],
+        },
+        'padding-inline-end': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarLinkPaddingInlineEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'padding-inline-end',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarLinkPaddingInlineStart',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'padding-inline-start',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'padding-inline-start'],
+        },
+        'column-gap': {
+          value: '0.5rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.5rem',
+            type: 'spacing',
+          },
+          name: 'rhcNavBarLinkColumnGap',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'link',
+            subitem: 'column-gap',
+          },
+          path: ['rhc', 'nav-bar', 'link', 'column-gap'],
+        },
+      },
+      heading: {
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'rhcNavBarHeadingFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'nav-bar',
+            item: 'heading',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'nav-bar', 'heading', 'font-weight'],
+        },
+      },
+      'background-color': {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'rhcNavBarBackgroundColor',
+        attributes: {
+          category: 'rhc',
+          type: 'nav-bar',
+          item: 'background-color',
+        },
+        path: ['rhc', 'nav-bar', 'background-color'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'rhcNavBarColor',
+        attributes: {
+          category: 'rhc',
+          type: 'nav-bar',
+          item: 'color',
+        },
+        path: ['rhc', 'nav-bar', 'color'],
+      },
+      'border-color': {
+        value: '#64748B',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#64748B',
+          type: 'color',
+        },
+        name: 'rhcNavBarBorderColor',
+        attributes: {
+          category: 'rhc',
+          type: 'nav-bar',
+          item: 'border-color',
+        },
+        path: ['rhc', 'nav-bar', 'border-color'],
+      },
+    },
+    logo: {
+      img: {
+        'background-color': {
+          value: '#F1F5F9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F1F5F9',
+            type: 'color',
+          },
+          name: 'rhcLogoImgBackgroundColor',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'img',
+            subitem: 'background-color',
+          },
+          path: ['rhc', 'logo', 'img', 'background-color'],
+        },
+        'inline-size': {
+          value: '48px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'sizing',
+          },
+          name: 'rhcLogoImgInlineSize',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'img',
+            subitem: 'inline-size',
+          },
+          path: ['rhc', 'logo', 'img', 'inline-size'],
+        },
+        'block-size': {
+          value: '96px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '96px',
+            type: 'sizing',
+          },
+          name: 'rhcLogoImgBlockSize',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'img',
+            subitem: 'block-size',
+          },
+          path: ['rhc', 'logo', 'img', 'block-size'],
+        },
+        color: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcLogoImgColor',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'img',
+            subitem: 'color',
+          },
+          path: ['rhc', 'logo', 'img', 'color'],
+        },
+      },
+      title: {
+        'font-weight': {
+          value: 600,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 600,
+            type: 'fontWeights',
+          },
+          name: 'rhcLogoTitleFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'title',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'logo', 'title', 'font-weight'],
+        },
+        'line-height': {
+          value: '1.063rem',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.063rem',
+            type: 'lineHeights',
+          },
+          name: 'rhcLogoTitleLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'title',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'logo', 'title', 'line-height'],
+        },
+        'font-size': {
+          value: '0.913rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.913rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcLogoTitleFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'title',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'logo', 'title', 'font-size'],
+        },
+        'padding-block-start': {
+          value: '3.125rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3.125rem',
+            type: 'spacing',
+          },
+          name: 'rhcLogoTitlePaddingBlockStart',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'title',
+            subitem: 'padding-block-start',
+          },
+          path: ['rhc', 'logo', 'title', 'padding-block-start'],
+        },
+      },
+      subtitle: {
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'rhcLogoSubtitleFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'subtitle',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'logo', 'subtitle', 'font-weight'],
+        },
+        'line-height': {
+          value: '1rem',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'lineHeights',
+          },
+          name: 'rhcLogoSubtitleLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'subtitle',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'logo', 'subtitle', 'line-height'],
+        },
+        'font-size': {
+          value: '0.775rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.775rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcLogoSubtitleFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'logo',
+            item: 'subtitle',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'logo', 'subtitle', 'font-size'],
+        },
+      },
+      'column-gap': {
+        value: '12px',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '12px',
+          type: 'spacing',
+        },
+        name: 'rhcLogoColumnGap',
+        attributes: {
+          category: 'rhc',
+          type: 'logo',
+          item: 'column-gap',
+        },
+        path: ['rhc', 'logo', 'column-gap'],
+      },
+      'font-family': {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'rhcLogoFontFamily',
+        attributes: {
+          category: 'rhc',
+          type: 'logo',
+          item: 'font-family',
+        },
+        path: ['rhc', 'logo', 'font-family'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'rhcLogoColor',
+        attributes: {
+          category: 'rhc',
+          type: 'logo',
+          item: 'color',
+        },
+        path: ['rhc', 'logo', 'color'],
+      },
+    },
+    'icon-only-button': {
+      'padding-block-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'rhcIconOnlyButtonPaddingBlockEnd',
+        attributes: {
+          category: 'rhc',
+          type: 'icon-only-button',
+          item: 'padding-block-end',
+        },
+        path: ['rhc', 'icon-only-button', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'rhcIconOnlyButtonPaddingBlockStart',
+        attributes: {
+          category: 'rhc',
+          type: 'icon-only-button',
+          item: 'padding-block-start',
+        },
+        path: ['rhc', 'icon-only-button', 'padding-block-start'],
+      },
+      'padding-inline-end': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'rhcIconOnlyButtonPaddingInlineEnd',
+        attributes: {
+          category: 'rhc',
+          type: 'icon-only-button',
+          item: 'padding-inline-end',
+        },
+        path: ['rhc', 'icon-only-button', 'padding-inline-end'],
+      },
+      'padding-inline-start': {
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'rhcIconOnlyButtonPaddingInlineStart',
+        attributes: {
+          category: 'rhc',
+          type: 'icon-only-button',
+          item: 'padding-inline-start',
+        },
+        path: ['rhc', 'icon-only-button', 'padding-inline-start'],
+      },
+    },
+    hero: {
+      heading: {
+        'font-weight': {
+          value: 700,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 700,
+            type: 'fontWeights',
+          },
+          name: 'rhcHeroHeadingFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'heading',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'hero', 'heading', 'font-weight'],
+        },
+        'line-height': {
+          value: '125%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '125%',
+            type: 'lineHeights',
+          },
+          name: 'rhcHeroHeadingLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'heading',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'hero', 'heading', 'line-height'],
+        },
+        'font-size': {
+          value: '1.875rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcHeroHeadingFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'heading',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'hero', 'heading', 'font-size'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'rhcHeroHeadingFontFamily',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'heading',
+            subitem: 'font-family',
+          },
+          path: ['rhc', 'hero', 'heading', 'font-family'],
+        },
+      },
+      'sub-heading': {
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'rhcHeroSubHeadingFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'sub-heading',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'hero', 'sub-heading', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'rhcHeroSubHeadingLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'sub-heading',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'hero', 'sub-heading', 'line-height'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcHeroSubHeadingFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'sub-heading',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'hero', 'sub-heading', 'font-size'],
+        },
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'rhcHeroSubHeadingFontFamily',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'sub-heading',
+            subitem: 'font-family',
+          },
+          path: ['rhc', 'hero', 'sub-heading', 'font-family'],
+        },
+      },
+      message: {
+        'background-color': {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcHeroMessageBackgroundColor',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'background-color',
+          },
+          path: ['rhc', 'hero', 'message', 'background-color'],
+        },
+        color: {
+          value: '#fff',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#fff',
+            type: 'color',
+          },
+          name: 'rhcHeroMessageColor',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'color',
+          },
+          path: ['rhc', 'hero', 'message', 'color'],
+        },
+        'row-gap': {
+          value: '0.125rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.125rem',
+            type: 'spacing',
+          },
+          name: 'rhcHeroMessageRowGap',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'row-gap',
+          },
+          path: ['rhc', 'hero', 'message', 'row-gap'],
+        },
+        'padding-block-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcHeroMessagePaddingBlockEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'padding-block-end',
+          },
+          path: ['rhc', 'hero', 'message', 'padding-block-end'],
+        },
+        'padding-inline-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcHeroMessagePaddingInlineEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'padding-inline-end',
+          },
+          path: ['rhc', 'hero', 'message', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcHeroMessagePaddingInlineStart',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'padding-inline-start',
+          },
+          path: ['rhc', 'hero', 'message', 'padding-inline-start'],
+        },
+        'padding-block-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcHeroMessagePaddingBlockStart',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'padding-block-start',
+          },
+          path: ['rhc', 'hero', 'message', 'padding-block-start'],
+        },
+        'border-radius': {
+          value: '20px',
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '20px',
+            type: 'borderRadius',
+          },
+          name: 'rhcHeroMessageBorderRadius',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'border-radius',
+          },
+          path: ['rhc', 'hero', 'message', 'border-radius'],
+        },
+        'inline-size': {
+          value: '90%',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '90%',
+            type: 'sizing',
+          },
+          name: 'rhcHeroMessageInlineSize',
+          attributes: {
+            category: 'rhc',
+            type: 'hero',
+            item: 'message',
+            subitem: 'inline-size',
+          },
+          path: ['rhc', 'hero', 'message', 'inline-size'],
+        },
+      },
+      'border-radius': {
+        value: '40px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '40px',
+          type: 'borderRadius',
+        },
+        name: 'rhcHeroBorderRadius',
+        attributes: {
+          category: 'rhc',
+          type: 'hero',
+          item: 'border-radius',
+        },
+        path: ['rhc', 'hero', 'border-radius'],
+      },
+      'inline-size': {
+        value: '100%',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '100%',
+          type: 'sizing',
+        },
+        name: 'rhcHeroInlineSize',
+        attributes: {
+          category: 'rhc',
+          type: 'hero',
+          item: 'inline-size',
+        },
+        path: ['rhc', 'hero', 'inline-size'],
+      },
+    },
+    'form-field-radio-option': {
+      'column-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcFormFieldRadioOptionColumnGap',
+        attributes: {
+          category: 'rhc',
+          type: 'form-field-radio-option',
+          item: 'column-gap',
+        },
+        path: ['rhc', 'form-field-radio-option', 'column-gap'],
+      },
+      'font-weight': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'rhcFormFieldRadioOptionFontWeight',
+        attributes: {
+          category: 'rhc',
+          type: 'form-field-radio-option',
+          item: 'font-weight',
+        },
+        path: ['rhc', 'form-field-radio-option', 'font-weight'],
+      },
+      'row-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcFormFieldRadioOptionRowGap',
+        attributes: {
+          category: 'rhc',
+          type: 'form-field-radio-option',
+          item: 'row-gap',
+        },
+        path: ['rhc', 'form-field-radio-option', 'row-gap'],
+      },
+    },
+    'form-field-checkbox-option': {
+      'column-gap': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcFormFieldCheckboxOptionColumnGap',
+        attributes: {
+          category: 'rhc',
+          type: 'form-field-checkbox-option',
+          item: 'column-gap',
+        },
+        path: ['rhc', 'form-field-checkbox-option', 'column-gap'],
+      },
+    },
+    'checkbox-group': {
+      'padding-block-end': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcCheckboxGroupPaddingBlockEnd',
+        attributes: {
+          category: 'rhc',
+          type: 'checkbox-group',
+          item: 'padding-block-end',
+        },
+        path: ['rhc', 'checkbox-group', 'padding-block-end'],
+      },
+      'padding-block-start': {
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcCheckboxGroupPaddingBlockStart',
+        attributes: {
+          category: 'rhc',
+          type: 'checkbox-group',
+          item: 'padding-block-start',
+        },
+        path: ['rhc', 'checkbox-group', 'padding-block-start'],
+      },
+      'row-gap': {
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'rhcCheckboxGroupRowGap',
+        attributes: {
+          category: 'rhc',
+          type: 'checkbox-group',
+          item: 'row-gap',
+        },
+        path: ['rhc', 'checkbox-group', 'row-gap'],
+      },
+    },
+    accordion: {
+      button: {
+        'font-family': {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 'Fira Sans, Arial, Verdana, sans-serif',
+            type: 'fontFamilies',
+          },
+          name: 'rhcAccordionButtonFontFamily',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'font-family',
+          },
+          path: ['rhc', 'accordion', 'button', 'font-family'],
+        },
+        'font-size': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcAccordionButtonFontSize',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'font-size',
+          },
+          path: ['rhc', 'accordion', 'button', 'font-size'],
+        },
+        'font-weight': {
+          value: 400,
+          type: 'fontWeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 400,
+            type: 'fontWeights',
+          },
+          name: 'rhcAccordionButtonFontWeight',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'font-weight',
+          },
+          path: ['rhc', 'accordion', 'button', 'font-weight'],
+        },
+        'line-height': {
+          value: '150%',
+          type: 'lineHeights',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '150%',
+            type: 'lineHeights',
+          },
+          name: 'rhcAccordionButtonLineHeight',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'line-height',
+          },
+          path: ['rhc', 'accordion', 'button', 'line-height'],
+        },
+        icon: {
+          'margin-block': {
+            value: '0.25rem',
+            type: 'spacing',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '0.25rem',
+              type: 'spacing',
+            },
+            name: 'rhcAccordionButtonIconMarginBlock',
+            attributes: {
+              category: 'rhc',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'icon',
+              state: 'margin-block',
+            },
+            path: ['rhc', 'accordion', 'button', 'icon', 'margin-block'],
+          },
+        },
+        'padding-block-end': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcAccordionButtonPaddingBlockEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'padding-block-end',
+          },
+          path: ['rhc', 'accordion', 'button', 'padding-block-end'],
+        },
+        'padding-block-start': {
+          value: '0.75rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '0.75rem',
+            type: 'spacing',
+          },
+          name: 'rhcAccordionButtonPaddingBlockStart',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'padding-block-start',
+          },
+          path: ['rhc', 'accordion', 'button', 'padding-block-start'],
+        },
+        'padding-inline-end': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcAccordionButtonPaddingInlineEnd',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'padding-inline-end',
+          },
+          path: ['rhc', 'accordion', 'button', 'padding-inline-end'],
+        },
+        'padding-inline-start': {
+          value: '1rem',
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'spacing',
+          },
+          name: 'rhcAccordionButtonPaddingInlineStart',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'button',
+            subitem: 'padding-inline-start',
+          },
+          path: ['rhc', 'accordion', 'button', 'padding-inline-start'],
+        },
+        expanded: {
+          'background-color': {
+            value: '#fff',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#fff',
+              type: 'color',
+            },
+            name: 'rhcAccordionButtonExpandedBackgroundColor',
+            attributes: {
+              category: 'rhc',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'expanded',
+              state: 'background-color',
+            },
+            path: ['rhc', 'accordion', 'button', 'expanded', 'background-color'],
+          },
+          color: {
+            value: '#154273',
+            type: 'color',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              value: '#154273',
+              type: 'color',
+            },
+            name: 'rhcAccordionButtonExpandedColor',
+            attributes: {
+              category: 'rhc',
+              type: 'accordion',
+              item: 'button',
+              subitem: 'expanded',
+              state: 'color',
+            },
+            path: ['rhc', 'accordion', 'button', 'expanded', 'color'],
+          },
+        },
+      },
+      section: {
+        'border-block-end-width': {
+          value: '1px',
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1px',
+            type: 'borderWidth',
+          },
+          name: 'rhcAccordionSectionBorderBlockEndWidth',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'section',
+            subitem: 'border-block-end-width',
+          },
+          path: ['rhc', 'accordion', 'section', 'border-block-end-width'],
+        },
+        'border-width': {
+          value: 0,
+          type: 'borderWidth',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderWidth',
+          },
+          name: 'rhcAccordionSectionBorderWidth',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'section',
+            subitem: 'border-width',
+          },
+          path: ['rhc', 'accordion', 'section', 'border-width'],
+        },
+        'border-color': {
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'rhcAccordionSectionBorderColor',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'section',
+            subitem: 'border-color',
+          },
+          path: ['rhc', 'accordion', 'section', 'border-color'],
+        },
+      },
+      header: {
+        margin: {
+          value: 0,
+          type: 'spacing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'spacing',
+          },
+          name: 'rhcAccordionHeaderMargin',
+          attributes: {
+            category: 'rhc',
+            type: 'accordion',
+            item: 'header',
+            subitem: 'margin',
+          },
+          path: ['rhc', 'accordion', 'header', 'margin'],
+        },
+      },
+      'border-radius': {
+        value: '0px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0px',
+          type: 'borderRadius',
+        },
+        name: 'rhcAccordionBorderRadius',
+        attributes: {
+          category: 'rhc',
+          type: 'accordion',
+          item: 'border-radius',
+        },
+        path: ['rhc', 'accordion', 'border-radius'],
+      },
+      color: {
+        value: '#154273',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#154273',
+          type: 'color',
+        },
+        name: 'rhcAccordionColor',
+        attributes: {
+          category: 'rhc',
+          type: 'accordion',
+          item: 'color',
+        },
+        path: ['rhc', 'accordion', 'color'],
+      },
+    },
+    keep: {
+      'top-left': {
+        borderRadiusTopLeft: {
+          value: '48px',
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopLeftBorderRadiusTopLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-left',
+            subitem: 'borderRadiusTopLeft',
+          },
+          path: ['rhc', 'keep', 'top-left', 'borderRadiusTopLeft'],
+        },
+        borderRadiusTopRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopLeftBorderRadiusTopRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-left',
+            subitem: 'borderRadiusTopRight',
+          },
+          path: ['rhc', 'keep', 'top-left', 'borderRadiusTopRight'],
+        },
+        borderRadiusBottomRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopLeftBorderRadiusBottomRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-left',
+            subitem: 'borderRadiusBottomRight',
+          },
+          path: ['rhc', 'keep', 'top-left', 'borderRadiusBottomRight'],
+        },
+        borderRadiusBottomLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopLeftBorderRadiusBottomLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-left',
+            subitem: 'borderRadiusBottomLeft',
+          },
+          path: ['rhc', 'keep', 'top-left', 'borderRadiusBottomLeft'],
+        },
+      },
+      'top-right': {
+        borderRadiusTopRight: {
+          value: '48px',
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopRightBorderRadiusTopRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-right',
+            subitem: 'borderRadiusTopRight',
+          },
+          path: ['rhc', 'keep', 'top-right', 'borderRadiusTopRight'],
+        },
+        borderRadiusTopLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopRightBorderRadiusTopLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-right',
+            subitem: 'borderRadiusTopLeft',
+          },
+          path: ['rhc', 'keep', 'top-right', 'borderRadiusTopLeft'],
+        },
+        borderRadiusBottomRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopRightBorderRadiusBottomRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-right',
+            subitem: 'borderRadiusBottomRight',
+          },
+          path: ['rhc', 'keep', 'top-right', 'borderRadiusBottomRight'],
+        },
+        borderRadiusBottomLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepTopRightBorderRadiusBottomLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'top-right',
+            subitem: 'borderRadiusBottomLeft',
+          },
+          path: ['rhc', 'keep', 'top-right', 'borderRadiusBottomLeft'],
+        },
+      },
+      'bottom-right': {
+        borderRadiusTopLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomRightBorderRadiusTopLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-right',
+            subitem: 'borderRadiusTopLeft',
+          },
+          path: ['rhc', 'keep', 'bottom-right', 'borderRadiusTopLeft'],
+        },
+        borderRadiusTopRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomRightBorderRadiusTopRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-right',
+            subitem: 'borderRadiusTopRight',
+          },
+          path: ['rhc', 'keep', 'bottom-right', 'borderRadiusTopRight'],
+        },
+        borderRadiusBottomRight: {
+          value: '48px',
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomRightBorderRadiusBottomRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-right',
+            subitem: 'borderRadiusBottomRight',
+          },
+          path: ['rhc', 'keep', 'bottom-right', 'borderRadiusBottomRight'],
+        },
+        borderRadiusBottomLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomRightBorderRadiusBottomLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-right',
+            subitem: 'borderRadiusBottomLeft',
+          },
+          path: ['rhc', 'keep', 'bottom-right', 'borderRadiusBottomLeft'],
+        },
+      },
+      'bottom-left': {
+        borderRadiusTopLeft: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomLeftBorderRadiusTopLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-left',
+            subitem: 'borderRadiusTopLeft',
+          },
+          path: ['rhc', 'keep', 'bottom-left', 'borderRadiusTopLeft'],
+        },
+        borderRadiusTopRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomLeftBorderRadiusTopRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-left',
+            subitem: 'borderRadiusTopRight',
+          },
+          path: ['rhc', 'keep', 'bottom-left', 'borderRadiusTopRight'],
+        },
+        borderRadiusBottomRight: {
+          value: 0,
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: 0,
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomLeftBorderRadiusBottomRight',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-left',
+            subitem: 'borderRadiusBottomRight',
+          },
+          path: ['rhc', 'keep', 'bottom-left', 'borderRadiusBottomRight'],
+        },
+        borderRadiusBottomLeft: {
+          value: '48px',
+          type: 'borderRadius',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '48px',
+            type: 'borderRadius',
+          },
+          name: 'rhcKeepBottomLeftBorderRadiusBottomLeft',
+          attributes: {
+            category: 'rhc',
+            type: 'keep',
+            item: 'bottom-left',
+            subitem: 'borderRadiusBottomLeft',
+          },
+          path: ['rhc', 'keep', 'bottom-left', 'borderRadiusBottomLeft'],
+        },
+      },
+    },
+    'border-radius': {
+      sm: {
+        value: '2.5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2.5px',
+          type: 'borderRadius',
+        },
+        name: 'rhcBorderRadiusSm',
+        attributes: {
+          category: 'rhc',
+          type: 'border-radius',
+          item: 'sm',
+        },
+        path: ['rhc', 'border-radius', 'sm'],
+      },
+      md: {
+        value: '5px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '5px',
+          type: 'borderRadius',
+        },
+        name: 'rhcBorderRadiusMd',
+        attributes: {
+          category: 'rhc',
+          type: 'border-radius',
+          item: 'md',
+        },
+        path: ['rhc', 'border-radius', 'md'],
+      },
+      keep: {
+        value: '48px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'borderRadius',
+        },
+        name: 'rhcBorderRadiusKeep',
+        attributes: {
+          category: 'rhc',
+          type: 'border-radius',
+          item: 'keep',
+        },
+        path: ['rhc', 'border-radius', 'keep'],
+      },
+      circle: {
+        parent: 'core/default',
+        value: '999px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '999px',
+          type: 'borderRadius',
+        },
+        name: 'rhcBorderRadiusCircle',
+        attributes: {
+          category: 'rhc',
+          type: 'border-radius',
+          item: 'circle',
+        },
+        path: ['rhc', 'border-radius', 'circle'],
+      },
+      none: {
+        parent: 'core/default',
+        value: '0px',
+        type: 'borderRadius',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0px',
+          type: 'borderRadius',
+        },
+        name: 'rhcBorderRadiusNone',
+        attributes: {
+          category: 'rhc',
+          type: 'border-radius',
+          item: 'none',
+        },
+        path: ['rhc', 'border-radius', 'none'],
+      },
+    },
+    color: {
+      focus: {
+        outline: {
+          value: '#000',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#000',
+            type: 'color',
+          },
+          name: 'rhcColorFocusOutline',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'focus',
+            subitem: 'outline',
+          },
+          path: ['rhc', 'color', 'focus', 'outline'],
+        },
+      },
+      foreground: {
+        default: {
+          parent: 'mode/light',
+          value: '#000',
+          type: 'color',
+          description: 'Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels.',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#000',
+            type: 'color',
+            description: 'Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels.',
+          },
+          name: 'rhcColorForegroundDefault',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'foreground',
+            subitem: 'default',
+          },
+          path: ['rhc', 'color', 'foreground', 'default'],
+        },
+        lint: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcColorForegroundLint',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'foreground',
+            subitem: 'lint',
+          },
+          path: ['rhc', 'color', 'foreground', 'lint'],
+        },
+        subdued: {
+          parent: 'mode/light',
+          value: '#334155',
+          type: 'color',
+          description:
+            'Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen.',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#334155',
+            type: 'color',
+            description:
+              'Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen.',
+          },
+          name: 'rhcColorForegroundSubdued',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'foreground',
+            subitem: 'subdued',
+          },
+          path: ['rhc', 'color', 'foreground', 'subdued'],
+        },
+        onEmphasis: {
+          parent: 'mode/light',
+          value: '#fff',
+          type: 'color',
+          description:
+            'Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer.',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#fff',
+            type: 'color',
+            description:
+              'Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer.',
+          },
+          name: 'rhcColorForegroundOnEmphasis',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'foreground',
+            subitem: 'onEmphasis',
+          },
+          path: ['rhc', 'color', 'foreground', 'onEmphasis'],
+        },
+        link: {
+          value: '#01689b',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#01689b',
+            type: 'color',
+          },
+          name: 'rhcColorForegroundLink',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'foreground',
+            subitem: 'link',
+          },
+          path: ['rhc', 'color', 'foreground', 'link'],
+        },
+      },
+      border: {
+        default: {
+          parent: 'mode/light',
+          value: '#64748B',
+          type: 'color',
+          description: 'Border kleur',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#64748B',
+            type: 'color',
+            description: 'Border kleur',
+          },
+          name: 'rhcColorBorderDefault',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'border',
+            subitem: 'default',
+          },
+          path: ['rhc', 'color', 'border', 'default'],
+        },
+        subdued: {
+          parent: 'mode/light',
+          value: '#94A3B8',
+          type: 'color',
+          description: 'Subtiele border',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#94A3B8',
+            type: 'color',
+            description: 'Subtiele border',
+          },
+          name: 'rhcColorBorderSubdued',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'border',
+            subitem: 'subdued',
+          },
+          path: ['rhc', 'color', 'border', 'subdued'],
+        },
+        strong: {
+          parent: 'mode/light',
+          value: '#000',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'mode/light',
+            value: '#000',
+            type: 'color',
+          },
+          name: 'rhcColorBorderStrong',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'border',
+            subitem: 'strong',
+          },
+          path: ['rhc', 'color', 'border', 'strong'],
+        },
+      },
+      canvas: {
+        parent: 'mode/light',
+        value: '#fff',
+        type: 'color',
+        description: 'Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren.',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'mode/light',
+          value: '#fff',
+          type: 'color',
+          description:
+            'Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren.',
+        },
+        name: 'rhcColorCanvas',
+        attributes: {
+          category: 'rhc',
+          type: 'color',
+          item: 'canvas',
+        },
+        path: ['rhc', 'color', 'canvas'],
+      },
+      feedback: {
+        success: {
+          default: {
+            parent: 'mode/light',
+            value: '#39870c',
+            type: 'color',
+            description: 'Gebruik deze kleur om een positieve boodschap te benadrukken.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#39870c',
+              type: 'color',
+              description: 'Gebruik deze kleur om een positieve boodschap te benadrukken.',
+            },
+            name: 'rhcColorFeedbackSuccessDefault',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'success',
+              state: 'default',
+            },
+            path: ['rhc', 'color', 'feedback', 'success', 'default'],
+          },
+          subdued: {
+            parent: 'mode/light',
+            value: '#e1eddb',
+            type: 'color',
+            description: 'Gebruik deze kleur om een positieve boodschap te highlighten.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#e1eddb',
+              type: 'color',
+              description: 'Gebruik deze kleur om een positieve boodschap te highlighten.',
+            },
+            name: 'rhcColorFeedbackSuccessSubdued',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'success',
+              state: 'subdued',
+            },
+            path: ['rhc', 'color', 'feedback', 'success', 'subdued'],
+          },
+        },
+        info: {
+          default: {
+            parent: 'mode/light',
+            value: '#007bc7',
+            type: 'color',
+            description: 'Gebruik deze kleur om een informatieve boodschap te benadrukken.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#007bc7',
+              type: 'color',
+              description: 'Gebruik deze kleur om een informatieve boodschap te benadrukken.',
+            },
+            name: 'rhcColorFeedbackInfoDefault',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'info',
+              state: 'default',
+            },
+            path: ['rhc', 'color', 'feedback', 'info', 'default'],
+          },
+          subdued: {
+            parent: 'mode/light',
+            value: '#d9ebf7',
+            type: 'color',
+            description: 'Gebruik deze kleur om een informatieve boodschap te highlighten.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#d9ebf7',
+              type: 'color',
+              description: 'Gebruik deze kleur om een informatieve boodschap te highlighten.',
+            },
+            name: 'rhcColorFeedbackInfoSubdued',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'info',
+              state: 'subdued',
+            },
+            path: ['rhc', 'color', 'feedback', 'info', 'subdued'],
+          },
+        },
+        error: {
+          default: {
+            parent: 'mode/light',
+            value: '#d52b1e',
+            type: 'color',
+            description: 'Gebruik deze kleur om een negatieve boodschap te benadrukken.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#d52b1e',
+              type: 'color',
+              description: 'Gebruik deze kleur om een negatieve boodschap te benadrukken.',
+            },
+            name: 'rhcColorFeedbackErrorDefault',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'error',
+              state: 'default',
+            },
+            path: ['rhc', 'color', 'feedback', 'error', 'default'],
+          },
+          subdued: {
+            parent: 'mode/light',
+            value: '#f9dfdd',
+            type: 'color',
+            description: 'Gebruik deze kleur om een negatieve boodschap te highlighten.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#f9dfdd',
+              type: 'color',
+              description: 'Gebruik deze kleur om een negatieve boodschap te highlighten.',
+            },
+            name: 'rhcColorFeedbackErrorSubdued',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'error',
+              state: 'subdued',
+            },
+            path: ['rhc', 'color', 'feedback', 'error', 'subdued'],
+          },
+        },
+        warning: {
+          default: {
+            parent: 'mode/light',
+            value: '#ffb612',
+            type: 'color',
+            description: 'Gebruik deze kleur om een waarschuwing te benadrukken.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#ffb612',
+              type: 'color',
+              description: 'Gebruik deze kleur om een waarschuwing te benadrukken.',
+            },
+            name: 'rhcColorFeedbackWarningDefault',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'warning',
+              state: 'default',
+            },
+            path: ['rhc', 'color', 'feedback', 'warning', 'default'],
+          },
+          subdued: {
+            parent: 'mode/light',
+            value: '#fff4db',
+            type: 'color',
+            description: 'Gebruik deze kleur om een waarschuwing te highlighten.',
+            filePath: 'src/generated/figma.tokens.json',
+            isSource: true,
+            original: {
+              parent: 'mode/light',
+              value: '#fff4db',
+              type: 'color',
+              description: 'Gebruik deze kleur om een waarschuwing te highlighten.',
+            },
+            name: 'rhcColorFeedbackWarningSubdued',
+            attributes: {
+              category: 'rhc',
+              type: 'color',
+              item: 'feedback',
+              subitem: 'warning',
+              state: 'subdued',
+            },
+            path: ['rhc', 'color', 'feedback', 'warning', 'subdued'],
+          },
+        },
+      },
+      accent: {
+        500: {
+          value: '#8fcae7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#8fcae7',
+            type: 'color',
+          },
+          name: 'rhcColorAccent500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'accent',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'accent', '500'],
+        },
+      },
+      primary: {
+        50: {
+          value: '#dce3ea',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#dce3ea',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'primary', '50'],
+        },
+        100: {
+          value: '#b8c6d5',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#b8c6d5',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'primary', '100'],
+        },
+        200: {
+          value: '#95a9c0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#95a9c0',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'primary', '200'],
+        },
+        300: {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'primary', '300'],
+        },
+        400: {
+          value: '#4f7196',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#4f7196',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'primary', '400'],
+        },
+        500: {
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcColorPrimary500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'primary', '500'],
+        },
+        hover: {
+          $extensions: {
+            'studio.tokens': {
+              modify: {
+                type: 'darken',
+                value: '0.3',
+                space: 'lch',
+                filePath: 'src/generated/figma.tokens.json',
+                isSource: true,
+              },
+            },
+          },
+          value: '#162f50',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            $extensions: {
+              'studio.tokens': {
+                modify: {
+                  type: 'darken',
+                  value: '0.3',
+                  space: 'lch',
+                  filePath: 'src/generated/figma.tokens.json',
+                  isSource: true,
+                },
+              },
+            },
+            value: '#162f50',
+            type: 'color',
+          },
+          name: 'rhcColorPrimaryHover',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'primary',
+            subitem: 'hover',
+          },
+          path: ['rhc', 'color', 'primary', 'hover'],
+        },
+      },
+      grijs: {
+        50: {
+          value: '#F8FAFC',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F8FAFC',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'grijs', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#F1F5F9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#F1F5F9',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'grijs', '100'],
+        },
+        200: {
+          parent: 'core/default',
+          value: '#E2E8F0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#E2E8F0',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'grijs', '200'],
+        },
+        300: {
+          parent: 'core/default',
+          value: '#CBD5E1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#CBD5E1',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'grijs', '300'],
+        },
+        400: {
+          parent: 'core/default',
+          value: '#94A3B8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#94A3B8',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'grijs', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#64748B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#64748B',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'grijs', '500'],
+        },
+        600: {
+          parent: 'core/default',
+          value: '#475569',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#475569',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs600',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '600',
+          },
+          path: ['rhc', 'color', 'grijs', '600'],
+        },
+        700: {
+          parent: 'core/default',
+          value: '#334155',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#334155',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs700',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '700',
+          },
+          path: ['rhc', 'color', 'grijs', '700'],
+        },
+        800: {
+          parent: 'core/default',
+          value: '#1E293B',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#1E293B',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs800',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '800',
+          },
+          path: ['rhc', 'color', 'grijs', '800'],
+        },
+        900: {
+          parent: 'core/default',
+          value: '#0F172A',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#0F172A',
+            type: 'color',
+          },
+          name: 'rhcColorGrijs900',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'grijs',
+            subitem: '900',
+          },
+          path: ['rhc', 'color', 'grijs', '900'],
+        },
+      },
+      lichtblauw: {
+        50: {
+          parent: 'core/default',
+          value: '#eef7fb',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#eef7fb',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#ddeff8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#ddeff8',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '100'],
+        },
+        200: {
+          value: '#CCE7F4',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CCE7F4',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '200'],
+        },
+        300: {
+          value: '#BCDFF0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#BCDFF0',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '300'],
+        },
+        400: {
+          value: '#ABD7ED',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#ABD7ED',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#8fcae7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#8fcae7',
+            type: 'color',
+          },
+          name: 'rhcColorLichtblauw500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lichtblauw',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'lichtblauw', '500'],
+        },
+      },
+      violet: {
+        50: {
+          parent: 'core/default',
+          value: '#f2d9e7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f2d9e7',
+            type: 'color',
+          },
+          name: 'rhcColorViolet50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'violet', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#e5b3d0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#e5b3d0',
+            type: 'color',
+          },
+          name: 'rhcColorViolet100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'violet', '100'],
+        },
+        200: {
+          value: '#D88CB7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#D88CB7',
+            type: 'color',
+          },
+          name: 'rhcColorViolet200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'violet', '200'],
+        },
+        300: {
+          value: '#CB66A0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CB66A0',
+            type: 'color',
+          },
+          name: 'rhcColorViolet300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'violet', '300'],
+        },
+        400: {
+          value: '#BE4088',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#BE4088',
+            type: 'color',
+          },
+          name: 'rhcColorViolet400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'violet', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#a90061',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#a90061',
+            type: 'color',
+          },
+          name: 'rhcColorViolet500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'violet',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'violet', '500'],
+        },
+      },
+      paars: {
+        50: {
+          parent: 'core/default',
+          value: '#e3dce7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#e3dce7',
+            type: 'color',
+          },
+          name: 'rhcColorPaars50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'paars', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#c6b9cf',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#c6b9cf',
+            type: 'color',
+          },
+          name: 'rhcColorPaars100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'paars', '100'],
+        },
+        200: {
+          value: '#A995B7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#A995B7',
+            type: 'color',
+          },
+          name: 'rhcColorPaars200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'paars', '200'],
+        },
+        300: {
+          value: '#8D729F',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#8D729F',
+            type: 'color',
+          },
+          name: 'rhcColorPaars300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'paars', '300'],
+        },
+        400: {
+          parent: 'core/default',
+          value: '#714f87',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#714f87',
+            type: 'color',
+          },
+          name: 'rhcColorPaars400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'paars', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#42145f',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#42145f',
+            type: 'color',
+          },
+          name: 'rhcColorPaars500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'paars',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'paars', '500'],
+        },
+      },
+      hemelblauw: {
+        50: {
+          parent: 'core/default',
+          value: '#d9ebf7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d9ebf7',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#b3d7ee',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#b3d7ee',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '100'],
+        },
+        200: {
+          value: '#8CC3E6',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#8CC3E6',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '200'],
+        },
+        300: {
+          value: '#66AFDD',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#66AFDD',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '300'],
+        },
+        400: {
+          value: '#409CD5',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#409CD5',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#007bc7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#007bc7',
+            type: 'color',
+          },
+          name: 'rhcColorHemelblauw500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'hemelblauw',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'hemelblauw', '500'],
+        },
+      },
+      donkerblauw: {
+        50: {
+          parent: 'core/default',
+          value: '#d9e8f0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d9e8f0',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#b3d2e1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#b3d2e1',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '100'],
+        },
+        200: {
+          value: '#8CBBD2',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#8CBBD2',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '200'],
+        },
+        300: {
+          value: '#66A4C3',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#66A4C3',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '300'],
+        },
+        400: {
+          value: '#408EB4',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#408EB4',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#01689b',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#01689b',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerblauw500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerblauw',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'donkerblauw', '500'],
+        },
+      },
+      mintgroen: {
+        50: {
+          parent: 'core/default',
+          value: '#eaf8f4',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#eaf8f4',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'mintgroen', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#d6f2e9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d6f2e9',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'mintgroen', '100'],
+        },
+        200: {
+          value: '#C1EBDE',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#C1EBDE',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'mintgroen', '200'],
+        },
+        300: {
+          value: '#ACE4D3',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#ACE4D3',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'mintgroen', '300'],
+        },
+        400: {
+          value: '#98DDC8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#98DDC8',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'mintgroen', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#76d2b6',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#76d2b6',
+            type: 'color',
+          },
+          name: 'rhcColorMintgroen500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mintgroen',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'mintgroen', '500'],
+        },
+      },
+      mosgroen: {
+        50: {
+          parent: 'core/default',
+          value: '#ebebd9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#ebebd9',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'mosgroen', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#d6d7b3',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d6d7b3',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'mosgroen', '100'],
+        },
+        200: {
+          value: '#C1C38C',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#C1C38C',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'mosgroen', '200'],
+        },
+        300: {
+          value: '#ADAF66',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#ADAF66',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'mosgroen', '300'],
+        },
+        400: {
+          value: '#999C40',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#999C40',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'mosgroen', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#777b00',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#777b00',
+            type: 'color',
+          },
+          name: 'rhcColorMosgroen500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'mosgroen',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'mosgroen', '500'],
+        },
+      },
+      groen: {
+        50: {
+          parent: 'core/default',
+          value: '#e1eddb',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#e1eddb',
+            type: 'color',
+          },
+          name: 'rhcColorGroen50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'groen', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#c4dbb6',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#c4dbb6',
+            type: 'color',
+          },
+          name: 'rhcColorGroen100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'groen', '100'],
+        },
+        200: {
+          value: '#A5C991',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#A5C991',
+            type: 'color',
+          },
+          name: 'rhcColorGroen200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'groen', '200'],
+        },
+        300: {
+          value: '#88B76D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#88B76D',
+            type: 'color',
+          },
+          name: 'rhcColorGroen300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'groen', '300'],
+        },
+        400: {
+          value: '#6AA549',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#6AA549',
+            type: 'color',
+          },
+          name: 'rhcColorGroen400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'groen', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#39870c',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#39870c',
+            type: 'color',
+          },
+          name: 'rhcColorGroen500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'groen',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'groen', '500'],
+        },
+      },
+      donkergroen: {
+        50: {
+          parent: 'core/default',
+          value: '#dfe6e1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#dfe6e1',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'donkergroen', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#becdc3',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#becdc3',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'donkergroen', '100'],
+        },
+        200: {
+          value: '#9DB4A4',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#9DB4A4',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'donkergroen', '200'],
+        },
+        300: {
+          value: '#7D9B87',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#7D9B87',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'donkergroen', '300'],
+        },
+        400: {
+          value: '#5D8269',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#5D8269',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'donkergroen', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#275937',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#275937',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergroen500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergroen',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'donkergroen', '500'],
+        },
+      },
+      bruin: {
+        50: {
+          parent: 'core/default',
+          value: '#efeada',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#efeada',
+            type: 'color',
+          },
+          name: 'rhcColorBruin50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'bruin', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#dfd4b6',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#dfd4b6',
+            type: 'color',
+          },
+          name: 'rhcColorBruin100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'bruin', '100'],
+        },
+        200: {
+          value: '#CFBF90',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#CFBF90',
+            type: 'color',
+          },
+          name: 'rhcColorBruin200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'bruin', '200'],
+        },
+        300: {
+          value: '#BFA96C',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#BFA96C',
+            type: 'color',
+          },
+          name: 'rhcColorBruin300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'bruin', '300'],
+        },
+        400: {
+          value: '#AF9447',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#AF9447',
+            type: 'color',
+          },
+          name: 'rhcColorBruin400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'bruin', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#94710a',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#94710a',
+            type: 'color',
+          },
+          name: 'rhcColorBruin500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'bruin',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'bruin', '500'],
+        },
+      },
+      donkerbruin: {
+        50: {
+          parent: 'core/default',
+          value: '#e8e0df',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#e8e0df',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#d1c2be',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d1c2be',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '100'],
+        },
+        200: {
+          value: '#BAA39D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#BAA39D',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '200'],
+        },
+        300: {
+          value: '#A3847D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#A3847D',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '300'],
+        },
+        400: {
+          value: '#8D665D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#8D665D',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#673327',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#673327',
+            type: 'color',
+          },
+          name: 'rhcColorDonkerbruin500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkerbruin',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'donkerbruin', '500'],
+        },
+      },
+      geel: {
+        50: {
+          parent: 'core/default',
+          value: '#fefbdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fefbdd',
+            type: 'color',
+          },
+          name: 'rhcColorGeel50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'geel', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#fdf6bc',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fdf6bc',
+            type: 'color',
+          },
+          name: 'rhcColorGeel100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'geel', '100'],
+        },
+        200: {
+          value: '#FCF199',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FCF199',
+            type: 'color',
+          },
+          name: 'rhcColorGeel200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'geel', '200'],
+        },
+        300: {
+          value: '#FBED78',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FBED78',
+            type: 'color',
+          },
+          name: 'rhcColorGeel300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'geel', '300'],
+        },
+        400: {
+          value: '#FAE856',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FAE856',
+            type: 'color',
+          },
+          name: 'rhcColorGeel400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'geel', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#f9e11e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f9e11e',
+            type: 'color',
+          },
+          name: 'rhcColorGeel500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'geel',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'geel', '500'],
+        },
+      },
+      donkergeel: {
+        50: {
+          parent: 'core/default',
+          value: '#fff4db',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fff4db',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'donkergeel', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#ffe9b8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#ffe9b8',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'donkergeel', '100'],
+        },
+        200: {
+          value: '#FDDE94',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FDDE94',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'donkergeel', '200'],
+        },
+        300: {
+          value: '#FDD370',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FDD370',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'donkergeel', '300'],
+        },
+        400: {
+          value: '#FDC84D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#FDC84D',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'donkergeel', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#ffb612',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#ffb612',
+            type: 'color',
+          },
+          name: 'rhcColorDonkergeel500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'donkergeel',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'donkergeel', '500'],
+        },
+      },
+      oranje: {
+        50: {
+          parent: 'core/default',
+          value: '#fbead9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fbead9',
+            type: 'color',
+          },
+          name: 'rhcColorOranje50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'oranje', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#f6d4b3',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f6d4b3',
+            type: 'color',
+          },
+          name: 'rhcColorOranje100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'oranje', '100'],
+        },
+        200: {
+          value: '#F1BE8C',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F1BE8C',
+            type: 'color',
+          },
+          name: 'rhcColorOranje200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'oranje', '200'],
+        },
+        300: {
+          value: '#EDA966',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#EDA966',
+            type: 'color',
+          },
+          name: 'rhcColorOranje300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'oranje', '300'],
+        },
+        400: {
+          value: '#E89440',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#E89440',
+            type: 'color',
+          },
+          name: 'rhcColorOranje400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'oranje', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#e17000',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#e17000',
+            type: 'color',
+          },
+          name: 'rhcColorOranje500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'oranje',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'oranje', '500'],
+        },
+      },
+      rood: {
+        50: {
+          parent: 'core/default',
+          value: '#f9dfdd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f9dfdd',
+            type: 'color',
+          },
+          name: 'rhcColorRood50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'rood', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#f2bfbc',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f2bfbc',
+            type: 'color',
+          },
+          name: 'rhcColorRood100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'rood', '100'],
+        },
+        200: {
+          value: '#EC9F99',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#EC9F99',
+            type: 'color',
+          },
+          name: 'rhcColorRood200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'rood', '200'],
+        },
+        300: {
+          value: '#E67F78',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#E67F78',
+            type: 'color',
+          },
+          name: 'rhcColorRood300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'rood', '300'],
+        },
+        400: {
+          value: '#DF6056',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#DF6056',
+            type: 'color',
+          },
+          name: 'rhcColorRood400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'rood', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#d52b1e',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#d52b1e',
+            type: 'color',
+          },
+          name: 'rhcColorRood500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'rood',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'rood', '500'],
+        },
+      },
+      roze: {
+        50: {
+          parent: 'core/default',
+          value: '#fdeff8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fdeff8',
+            type: 'color',
+          },
+          name: 'rhcColorRoze50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'roze', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#fbdef0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#fbdef0',
+            type: 'color',
+          },
+          name: 'rhcColorRoze100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'roze', '100'],
+        },
+        200: {
+          value: '#F8CEE8',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F8CEE8',
+            type: 'color',
+          },
+          name: 'rhcColorRoze200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'roze', '200'],
+        },
+        300: {
+          value: '#F6BDE1',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F6BDE1',
+            type: 'color',
+          },
+          name: 'rhcColorRoze300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'roze', '300'],
+        },
+        400: {
+          value: '#F4ADD9',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#F4ADD9',
+            type: 'color',
+          },
+          name: 'rhcColorRoze400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'roze', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#f092cd',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f092cd',
+            type: 'color',
+          },
+          name: 'rhcColorRoze500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'roze',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'roze', '500'],
+        },
+      },
+      robijnrood: {
+        50: {
+          parent: 'core/default',
+          value: '#f7d9e7',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#f7d9e7',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'robijnrood', '50'],
+        },
+        100: {
+          parent: 'core/default',
+          value: '#efb3ce',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#efb3ce',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'robijnrood', '100'],
+        },
+        200: {
+          value: '#E78CB6',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#E78CB6',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'robijnrood', '200'],
+        },
+        300: {
+          value: '#DF669D',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#DF669D',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'robijnrood', '300'],
+        },
+        400: {
+          value: '#D74085',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#D74085',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'robijnrood', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#ca005d',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#ca005d',
+            type: 'color',
+          },
+          name: 'rhcColorRobijnrood500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'robijnrood',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'robijnrood', '500'],
+        },
+      },
+      lintblauw: {
+        50: {
+          value: '#dce3ea',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#dce3ea',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw50',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '50',
+          },
+          path: ['rhc', 'color', 'lintblauw', '50'],
+        },
+        100: {
+          value: '#b8c6d5',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#b8c6d5',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw100',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '100',
+          },
+          path: ['rhc', 'color', 'lintblauw', '100'],
+        },
+        200: {
+          value: '#95a9c0',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#95a9c0',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw200',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '200',
+          },
+          path: ['rhc', 'color', 'lintblauw', '200'],
+        },
+        300: {
+          value: '#738eab',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#738eab',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw300',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '300',
+          },
+          path: ['rhc', 'color', 'lintblauw', '300'],
+        },
+        400: {
+          value: '#4f7196',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '#4f7196',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw400',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '400',
+          },
+          path: ['rhc', 'color', 'lintblauw', '400'],
+        },
+        500: {
+          parent: 'core/default',
+          value: '#154273',
+          type: 'color',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            parent: 'core/default',
+            value: '#154273',
+            type: 'color',
+          },
+          name: 'rhcColorLintblauw500',
+          attributes: {
+            category: 'rhc',
+            type: 'color',
+            item: 'lintblauw',
+            subitem: '500',
+          },
+          path: ['rhc', 'color', 'lintblauw', '500'],
+        },
+      },
+      wit: {
+        value: '#fff',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#fff',
+          type: 'color',
+        },
+        name: 'rhcColorWit',
+        attributes: {
+          category: 'rhc',
+          type: 'color',
+          item: 'wit',
+        },
+        path: ['rhc', 'color', 'wit'],
+      },
+      zwart: {
+        value: '#000',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '#000',
+          type: 'color',
+        },
+        name: 'rhcColorZwart',
+        attributes: {
+          category: 'rhc',
+          type: 'color',
+          item: 'zwart',
+        },
+        path: ['rhc', 'color', 'zwart'],
+      },
+      none: {
+        value: 'transparent',
+        type: 'color',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'transparent',
+          type: 'color',
+        },
+        name: 'rhcColorNone',
+        attributes: {
+          category: 'rhc',
+          type: 'color',
+          item: 'none',
+        },
+        path: ['rhc', 'color', 'none'],
+      },
+    },
+    focus: {
+      'outline-offset': {
+        value: '0.125rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '0.125rem',
+          type: 'spacing',
+        },
+        name: 'rhcFocusOutlineOffset',
+        attributes: {
+          category: 'rhc',
+          type: 'focus',
+          item: 'outline-offset',
+        },
+        path: ['rhc', 'focus', 'outline-offset'],
+      },
+      'outline-style': {
+        value: 'solid',
+        type: 'other',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'solid',
+          type: 'other',
+        },
+        name: 'rhcFocusOutlineStyle',
+        attributes: {
+          category: 'rhc',
+          type: 'focus',
+          item: 'outline-style',
+        },
+        path: ['rhc', 'focus', 'outline-style'],
+      },
+      'outline-width': {
+        value: '2px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '2px',
+          type: 'borderWidth',
+        },
+        name: 'rhcFocusOutlineWidth',
+        attributes: {
+          category: 'rhc',
+          type: 'focus',
+          item: 'outline-width',
+        },
+        path: ['rhc', 'focus', 'outline-width'],
+      },
+    },
+    'font-size': {
+      heading: {
+        'level-1': {
+          value: '3.125rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3.125rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeHeadingLevel1',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'heading',
+            subitem: 'level-1',
+          },
+          path: ['rhc', 'font-size', 'heading', 'level-1'],
+        },
+        'level-2': {
+          value: '2.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeHeadingLevel2',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'heading',
+            subitem: 'level-2',
+          },
+          path: ['rhc', 'font-size', 'heading', 'level-2'],
+        },
+        'level-3': {
+          value: '1.875rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeHeadingLevel3',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'heading',
+            subitem: 'level-3',
+          },
+          path: ['rhc', 'font-size', 'heading', 'level-3'],
+        },
+        'level-4': {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeHeadingLevel4',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'heading',
+            subitem: 'level-4',
+          },
+          path: ['rhc', 'font-size', 'heading', 'level-4'],
+        },
+        'level-5': {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeHeadingLevel5',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'heading',
+            subitem: 'level-5',
+          },
+          path: ['rhc', 'font-size', 'heading', 'level-5'],
+        },
+      },
+      paragraph: {
+        intro: {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeParagraphIntro',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'paragraph',
+            subitem: 'intro',
+          },
+          path: ['rhc', 'font-size', 'paragraph', 'intro'],
+        },
+        default: {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeParagraphDefault',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'paragraph',
+            subitem: 'default',
+          },
+          path: ['rhc', 'font-size', 'paragraph', 'default'],
+        },
+      },
+      xs: {
+        desktop: {
+          value: '1.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXsDesktop',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xs',
+            subitem: 'desktop',
+          },
+          path: ['rhc', 'font-size', 'xs', 'desktop'],
+        },
+        tablet: {
+          value: '1.125rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.125rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXsTablet',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xs',
+            subitem: 'tablet',
+          },
+          path: ['rhc', 'font-size', 'xs', 'tablet'],
+        },
+        mobile: {
+          value: '1rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXsMobile',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xs',
+            subitem: 'mobile',
+          },
+          path: ['rhc', 'font-size', 'xs', 'mobile'],
+        },
+      },
+      sm: {
+        desktop: {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeSmDesktop',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'sm',
+            subitem: 'desktop',
+          },
+          path: ['rhc', 'font-size', 'sm', 'desktop'],
+        },
+        tablet: {
+          value: '1.35rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.35rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeSmTablet',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'sm',
+            subitem: 'tablet',
+          },
+          path: ['rhc', 'font-size', 'sm', 'tablet'],
+        },
+        mobile: {
+          value: '1.2rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.2rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeSmMobile',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'sm',
+            subitem: 'mobile',
+          },
+          path: ['rhc', 'font-size', 'sm', 'mobile'],
+        },
+      },
+      md: {
+        desktop: {
+          value: '1.875rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.875rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeMdDesktop',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'md',
+            subitem: 'desktop',
+          },
+          path: ['rhc', 'font-size', 'md', 'desktop'],
+        },
+        tablet: {
+          value: '1.688rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.688rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeMdTablet',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'md',
+            subitem: 'tablet',
+          },
+          path: ['rhc', 'font-size', 'md', 'tablet'],
+        },
+        mobile: {
+          value: '1.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '1.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeMdMobile',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'md',
+            subitem: 'mobile',
+          },
+          path: ['rhc', 'font-size', 'md', 'mobile'],
+        },
+      },
+      lg: {
+        desktop: {
+          value: '2.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeLgDesktop',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'lg',
+            subitem: 'desktop',
+          },
+          path: ['rhc', 'font-size', 'lg', 'desktop'],
+        },
+        tablet: {
+          value: '2.25rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.25rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeLgTablet',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'lg',
+            subitem: 'tablet',
+          },
+          path: ['rhc', 'font-size', 'lg', 'tablet'],
+        },
+        mobile: {
+          value: '2rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeLgMobile',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'lg',
+            subitem: 'mobile',
+          },
+          path: ['rhc', 'font-size', 'lg', 'mobile'],
+        },
+      },
+      xl: {
+        desktop: {
+          value: '3.125rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '3.125rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXlDesktop',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xl',
+            subitem: 'desktop',
+          },
+          path: ['rhc', 'font-size', 'xl', 'desktop'],
+        },
+        tablet: {
+          value: '2.813rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.813rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXlTablet',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xl',
+            subitem: 'tablet',
+          },
+          path: ['rhc', 'font-size', 'xl', 'tablet'],
+        },
+        mobile: {
+          value: '2.5rem',
+          type: 'fontSizes',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '2.5rem',
+            type: 'fontSizes',
+          },
+          name: 'rhcFontSizeXlMobile',
+          attributes: {
+            category: 'rhc',
+            type: 'font-size',
+            item: 'xl',
+            subitem: 'mobile',
+          },
+          path: ['rhc', 'font-size', 'xl', 'mobile'],
+        },
+      },
+    },
+    'line-height': {
+      paragraph: {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'rhcLineHeightParagraph',
+        attributes: {
+          category: 'rhc',
+          type: 'line-height',
+          item: 'paragraph',
+        },
+        path: ['rhc', 'line-height', 'paragraph'],
+      },
+      sm: {
+        value: '125%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '125%',
+          type: 'lineHeights',
+        },
+        name: 'rhcLineHeightSm',
+        attributes: {
+          category: 'rhc',
+          type: 'line-height',
+          item: 'sm',
+        },
+        path: ['rhc', 'line-height', 'sm'],
+      },
+      md: {
+        value: '150%',
+        type: 'lineHeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '150%',
+          type: 'lineHeights',
+        },
+        name: 'rhcLineHeightMd',
+        attributes: {
+          category: 'rhc',
+          type: 'line-height',
+          item: 'md',
+        },
+        path: ['rhc', 'line-height', 'md'],
+      },
+    },
+    size: {
+      target: {
+        value: '48px',
+        type: 'sizing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'sizing',
+        },
+        name: 'rhcSizeTarget',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: 'target',
+        },
+        path: ['rhc', 'size', 'target'],
+      },
+      icon: {
+        functional: {
+          value: '24px',
+          type: 'sizing',
+          filePath: 'src/generated/figma.tokens.json',
+          isSource: true,
+          original: {
+            value: '24px',
+            type: 'sizing',
+          },
+          name: 'rhcSizeIconFunctional',
+          attributes: {
+            category: 'rhc',
+            type: 'size',
+            item: 'icon',
+            subitem: 'functional',
+          },
+          path: ['rhc', 'size', 'icon', 'functional'],
+        },
+      },
+      'quarter-lint': {
+        value: '12px',
+        type: 'dimension',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '12px',
+          type: 'dimension',
+        },
+        name: 'rhcSizeQuarterLint',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: 'quarter-lint',
+        },
+        path: ['rhc', 'size', 'quarter-lint'],
+      },
+      'half-lint': {
+        value: '24px',
+        type: 'dimension',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '24px',
+          type: 'dimension',
+        },
+        name: 'rhcSizeHalfLint',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: 'half-lint',
+        },
+        path: ['rhc', 'size', 'half-lint'],
+      },
+      lint: {
+        value: '48px',
+        type: 'dimension',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '48px',
+          type: 'dimension',
+        },
+        name: 'rhcSizeLint',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: 'lint',
+        },
+        path: ['rhc', 'size', 'lint'],
+      },
+      '2-lint': {
+        value: '96px',
+        type: 'dimension',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '96px',
+          type: 'dimension',
+        },
+        name: 'rhcSize2Lint',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: '2-lint',
+        },
+        path: ['rhc', 'size', '2-lint'],
+      },
+      '3-lint': {
+        value: '1440px',
+        type: 'dimension',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: '1440px',
+          type: 'dimension',
+        },
+        name: 'rhcSize3Lint',
+        attributes: {
+          category: 'rhc',
+          type: 'size',
+          item: '3-lint',
+        },
+        path: ['rhc', 'size', '3-lint'],
+      },
+    },
+    'font-weight': {
+      'extra-bold': {
+        value: 800,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 800,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightExtraBold',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'extra-bold',
+        },
+        path: ['rhc', 'font-weight', 'extra-bold'],
+      },
+      bold: {
+        value: 700,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 700,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightBold',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'bold',
+        },
+        path: ['rhc', 'font-weight', 'bold'],
+      },
+      'semi-bold': {
+        value: 550,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 550,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightSemiBold',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'semi-bold',
+        },
+        path: ['rhc', 'font-weight', 'semi-bold'],
+      },
+      regular: {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightRegular',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'regular',
+        },
+        path: ['rhc', 'font-weight', 'regular'],
+      },
+      'chosen-regular': {
+        value: 400,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 400,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightChosenRegular',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'chosen-regular',
+        },
+        path: ['rhc', 'font-weight', 'chosen-regular'],
+      },
+      light: {
+        value: 300,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 300,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightLight',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'light',
+        },
+        path: ['rhc', 'font-weight', 'light'],
+      },
+      thin: {
+        value: 200,
+        type: 'fontWeights',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 200,
+          type: 'fontWeights',
+        },
+        name: 'rhcFontWeightThin',
+        attributes: {
+          category: 'rhc',
+          type: 'font-weight',
+          item: 'thin',
+        },
+        path: ['rhc', 'font-weight', 'thin'],
+      },
+    },
+    'font-family': {
+      primary: {
+        value: 'Fira Sans, Arial, Verdana, sans-serif',
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: 'Fira Sans, Arial, Verdana, sans-serif',
+          type: 'fontFamilies',
+        },
+        name: 'rhcFontFamilyPrimary',
+        attributes: {
+          category: 'rhc',
+          type: 'font-family',
+          item: 'primary',
+        },
+        path: ['rhc', 'font-family', 'primary'],
+      },
+      secondary: {
+        value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+        type: 'fontFamilies',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+          type: 'fontFamilies',
+        },
+        name: 'rhcFontFamilySecondary',
+        attributes: {
+          category: 'rhc',
+          type: 'font-family',
+          item: 'secondary',
+        },
+        path: ['rhc', 'font-family', 'secondary'],
+      },
+    },
+    'border-width': {
+      default: {
+        parent: 'core/default',
+        value: '1px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '1px',
+          type: 'borderWidth',
+        },
+        name: 'rhcBorderWidthDefault',
+        attributes: {
+          category: 'rhc',
+          type: 'border-width',
+          item: 'default',
+        },
+        path: ['rhc', 'border-width', 'default'],
+      },
+      m: {
+        parent: 'core/default',
+        value: '2px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '2px',
+          type: 'borderWidth',
+        },
+        name: 'rhcBorderWidthM',
+        attributes: {
+          category: 'rhc',
+          type: 'border-width',
+          item: 'm',
+        },
+        path: ['rhc', 'border-width', 'm'],
+      },
+      none: {
+        parent: 'core/default',
+        value: '0px',
+        type: 'borderWidth',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0px',
+          type: 'borderWidth',
+        },
+        name: 'rhcBorderWidthNone',
+        attributes: {
+          category: 'rhc',
+          type: 'border-width',
+          item: 'none',
+        },
+        path: ['rhc', 'border-width', 'none'],
+      },
+    },
+    space: {
+      0: {
+        parent: 'core/default',
+        value: 0,
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: 0,
+          type: 'spacing',
+        },
+        name: 'rhcSpace0',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '0',
+        },
+        path: ['rhc', 'space', '0'],
+      },
+      25: {
+        parent: 'core/default',
+        value: '0.125rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0.125rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace25',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '25',
+        },
+        path: ['rhc', 'space', '25'],
+      },
+      50: {
+        parent: 'core/default',
+        value: '0.25rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0.25rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace50',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '50',
+        },
+        path: ['rhc', 'space', '50'],
+      },
+      100: {
+        parent: 'core/default',
+        value: '0.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace100',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '100',
+        },
+        path: ['rhc', 'space', '100'],
+      },
+      150: {
+        parent: 'core/default',
+        value: '0.75rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '0.75rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace150',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '150',
+        },
+        path: ['rhc', 'space', '150'],
+      },
+      200: {
+        parent: 'core/default',
+        value: '1rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '1rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace200',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '200',
+        },
+        path: ['rhc', 'space', '200'],
+      },
+      300: {
+        parent: 'core/default',
+        value: '1.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '1.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace300',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '300',
+        },
+        path: ['rhc', 'space', '300'],
+      },
+      400: {
+        parent: 'core/default',
+        value: '2rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '2rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace400',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '400',
+        },
+        path: ['rhc', 'space', '400'],
+      },
+      500: {
+        parent: 'core/default',
+        value: '2.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '2.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace500',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '500',
+        },
+        path: ['rhc', 'space', '500'],
+      },
+      600: {
+        parent: 'core/default',
+        value: '3rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '3rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace600',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '600',
+        },
+        path: ['rhc', 'space', '600'],
+      },
+      700: {
+        parent: 'core/default',
+        value: '3.5rem',
+        type: 'spacing',
+        filePath: 'src/generated/figma.tokens.json',
+        isSource: true,
+        original: {
+          parent: 'core/default',
+          value: '3.5rem',
+          type: 'spacing',
+        },
+        name: 'rhcSpace700',
+        attributes: {
+          category: 'rhc',
+          type: 'space',
+          item: '700',
+        },
+        path: ['rhc', 'space', '700'],
+      },
+    },
+  },
+};
diff --git a/packages/storybook/src/theme-builder/steps.tsx b/packages/storybook/src/theme-builder/steps.tsx
index 22b9014b0..65930755c 100644
--- a/packages/storybook/src/theme-builder/steps.tsx
+++ b/packages/storybook/src/theme-builder/steps.tsx
@@ -1,6 +1,16 @@
 import type { ReactNode } from 'react';
 import { Paragraph } from '@utrecht/component-library-react/dist/css-module';
-import { ButtonExample, FocusVisibleExample, HeadingsExample, LinkExample } from './examples';
+import {
+  ButtonExample,
+  FocusVisibleExample,
+  FontSizeScale,
+  HeadingsExample,
+  LinkExample,
+  InlineSpaceExample,
+  BlockSpaceExample,
+  RowSpaceExample,
+  ColumnSpaceExample,
+} from './examples';
 
 export interface ThemeBuilderStepObject {
   name: string;
@@ -28,7 +38,12 @@ export const steps: ThemeBuilderStepObject[] = [
   },
   {
     name: 'Font families',
-    tokens: [],
+    tokens: [
+      'basis.typography.font-family.default',
+      'basis.typography.font-family.sans-serif',
+      'basis.typography.font-family.serif',
+      'basis.typography.font-family.code',
+    ],
     example: LinkExample,
     description: () => (
       <>
@@ -41,6 +56,84 @@ export const steps: ThemeBuilderStepObject[] = [
       </>
     ),
   },
+  {
+    name: 'Font size scale',
+    tokens: [
+      'basis.typography.font-size.xx-small',
+      'basis.typography.font-size.x-small',
+      'basis.typography.font-size.small',
+      'basis.typography.font-size.medium',
+      'basis.typography.font-size.large',
+      'basis.typography.font-size.x-large',
+      'basis.typography.font-size.xx-large',
+      'basis.typography.font-size.xxx-large',
+    ],
+    example: FontSizeScale,
+    description: () => (
+      <>
+        <Paragraph>{'Decide your font sizes now.'}</Paragraph>
+      </>
+    ),
+  },
+  {
+    name: 'Feedback colors: red',
+    tokens: [
+      'basis.common.feedback.light-color-scheme.red.shade-1',
+      'basis.common.feedback.light-color-scheme.red.shade-2',
+      'basis.common.feedback.light-color-scheme.red.shade-3',
+      'basis.common.feedback.light-color-scheme.red.shade-4',
+      'basis.common.feedback.light-color-scheme.red.shade-5',
+      'basis.common.feedback.light-color-scheme.red.shade-6',
+      'basis.common.feedback.light-color-scheme.red.shade-7',
+      'basis.common.feedback.light-color-scheme.red.shade-8',
+      'basis.common.feedback.light-color-scheme.red.shade-9',
+      'basis.common.feedback.light-color-scheme.red.shade-10',
+      'basis.common.feedback.light-color-scheme.red.shade-11',
+      'basis.common.feedback.light-color-scheme.red.shade-12',
+      'basis.common.feedback.light-color-scheme.red.inverse-1',
+      'basis.common.feedback.light-color-scheme.red.inverse-2',
+      'basis.common.feedback.light-color-scheme.red.inverse-3',
+      'basis.common.feedback.light-color-scheme.red.inverse-4',
+      'basis.common.feedback.light-color-scheme.red.inverse-5',
+      'basis.common.feedback.light-color-scheme.red.inverse-6',
+      'basis.common.feedback.light-color-scheme.red.inverse-7',
+      'basis.common.feedback.light-color-scheme.red.inverse-8',
+      'basis.common.feedback.light-color-scheme.red.inverse-9',
+      'basis.common.feedback.light-color-scheme.red.inverse-10',
+      'basis.common.feedback.light-color-scheme.red.inverse-11',
+      'basis.common.feedback.light-color-scheme.red.inverse-12',
+      'basis.common.feedback.dark-color-scheme.red.shade-1',
+      'basis.common.feedback.dark-color-scheme.red.shade-2',
+      'basis.common.feedback.dark-color-scheme.red.shade-3',
+      'basis.common.feedback.dark-color-scheme.red.shade-4',
+      'basis.common.feedback.dark-color-scheme.red.shade-5',
+      'basis.common.feedback.dark-color-scheme.red.shade-6',
+      'basis.common.feedback.dark-color-scheme.red.shade-7',
+      'basis.common.feedback.dark-color-scheme.red.shade-8',
+      'basis.common.feedback.dark-color-scheme.red.shade-9',
+      'basis.common.feedback.dark-color-scheme.red.shade-10',
+      'basis.common.feedback.dark-color-scheme.red.shade-11',
+      'basis.common.feedback.dark-color-scheme.red.shade-12',
+      'basis.common.feedback.dark-color-scheme.red.inverse-1',
+      'basis.common.feedback.dark-color-scheme.red.inverse-2',
+      'basis.common.feedback.dark-color-scheme.red.inverse-3',
+      'basis.common.feedback.dark-color-scheme.red.inverse-4',
+      'basis.common.feedback.dark-color-scheme.red.inverse-5',
+      'basis.common.feedback.dark-color-scheme.red.inverse-6',
+      'basis.common.feedback.dark-color-scheme.red.inverse-7',
+      'basis.common.feedback.dark-color-scheme.red.inverse-8',
+      'basis.common.feedback.dark-color-scheme.red.inverse-9',
+      'basis.common.feedback.dark-color-scheme.red.inverse-10',
+      'basis.common.feedback.dark-color-scheme.red.inverse-11',
+      'basis.common.feedback.dark-color-scheme.red.inverse-12',
+    ],
+    example: FontSizeScale,
+    description: () => (
+      <>
+        <Paragraph>{'Decide your font sizes now.'}</Paragraph>
+      </>
+    ),
+  },
   {
     name: 'Link color',
     tokens: [
@@ -63,7 +156,67 @@ export const steps: ThemeBuilderStepObject[] = [
     example: ButtonExample,
   },
   {
-    name: 'Focus visible',
+    name: 'Focus visible: Basis',
+    commonTokens: [
+      'basis.common.focus.outline-color',
+      'basis.common.focus.outline-offset',
+      'basis.common.focus.outline-width',
+      'basis.common.focus.color',
+      'basis.common.focus.background-color',
+    ],
+    tokens: [],
+    example: FocusVisibleExample,
+  },
+  {
+    name: 'Inline space',
+    commonTokens: [
+      'basis.common.space.inline.x-small',
+      'basis.common.space.inline.small',
+      'basis.common.space.inline.medium',
+      'basis.common.space.inline.large',
+      'basis.common.space.inline.x-large',
+    ],
+    tokens: [],
+    example: InlineSpaceExample,
+  },
+  {
+    name: 'Block space',
+    commonTokens: [
+      'basis.common.space.inline.x-small',
+      'basis.common.space.inline.small',
+      'basis.common.space.inline.medium',
+      'basis.common.space.inline.large',
+      'basis.common.space.inline.x-large',
+    ],
+    tokens: [],
+    example: BlockSpaceExample,
+  },
+  {
+    name: 'Column space',
+    commonTokens: [
+      'basis.common.space.column.x-small',
+      'basis.common.space.column.small',
+      'basis.common.space.column.medium',
+      'basis.common.space.column.large',
+      'basis.common.space.column.x-large',
+    ],
+    tokens: [],
+    example: ColumnSpaceExample,
+  },
+  {
+    name: 'Row space',
+    commonTokens: [
+      'basis.common.space.row.x-small',
+      'basis.common.space.row.small',
+      'basis.common.space.row.medium',
+      'basis.common.space.row.large',
+      'basis.common.space.row.x-large',
+    ],
+    tokens: [],
+    example: RowSpaceExample,
+  },
+  {
+    name: 'Focus visible: Utrecht',
     commonTokens: [
       'utrecht.focus.outline-color',
       'utrecht.focus.outline-offset',
diff --git a/packages/theme-toolkit/package.json b/packages/theme-toolkit/package.json
index 8f4fa02bc..aba640ac8 100644
--- a/packages/theme-toolkit/package.json
+++ b/packages/theme-toolkit/package.json
@@ -62,87 +62,10 @@
     "@types/lodash.omitby": "4.6.9",
     "@types/prop-types": "15.7.12",
     "@types/react": "18.3.3",
-    "@utrecht/accordion-css": "1.2.0",
-    "@utrecht/alert-dialog-css": "1.1.0",
-    "@utrecht/alternate-lang-nav-css": "1.1.0",
-    "@utrecht/article-css": "1.1.0",
-    "@utrecht/backdrop-css": "1.1.0",
-    "@utrecht/badge-counter-css": "1.2.0",
-    "@utrecht/badge-data-css": "1.1.0",
-    "@utrecht/badge-list-css": "1.1.0",
-    "@utrecht/badge-status-css": "1.1.0",
-    "@utrecht/blockquote-css": "1.1.0",
-    "@utrecht/breadcrumb-nav-css": "1.1.0",
-    "@utrecht/button-css": "1.2.0",
-    "@utrecht/button-group-css": "1.1.0",
-    "@utrecht/button-link-css": "1.1.0",
-    "@utrecht/calendar-css": "1.1.0",
-    "@utrecht/checkbox-css": "1.2.0",
-    "@utrecht/code-block-css": "1.1.0",
-    "@utrecht/color-sample-css": "1.1.0",
-    "@utrecht/column-layout-css": "1.1.0",
-    "@utrecht/combobox-css": "1.2.0",
     "@utrecht/component-library-design-tokens": "1.0.0",
     "@utrecht/component-library-react": "7.1.0",
-    "@utrecht/currency-data-css": "1.1.0",
-    "@utrecht/custom-checkbox-css": "1.1.1",
-    "@utrecht/data-list-css": "1.1.0",
-    "@utrecht/data-placeholder-css": "1.1.0",
     "@utrecht/design-tokens": "1.1.0",
-    "@utrecht/digid-button-css": "1.1.0",
-    "@utrecht/document-css": "1.1.0",
-    "@utrecht/drawer-css": "1.1.0",
-    "@utrecht/emphasis-css": "1.1.0",
-    "@utrecht/form-field-css": "1.1.0",
-    "@utrecht/form-field-description-css": "1.2.0",
-    "@utrecht/form-field-error-message-css": "1.2.0",
-    "@utrecht/form-fieldset-css": "1.1.0",
-    "@utrecht/form-label-css": "1.1.0",
-    "@utrecht/form-toggle-css": "1.1.0",
-    "@utrecht/heading-1-css": "1.1.0",
-    "@utrecht/heading-2-css": "1.1.0",
-    "@utrecht/heading-3-css": "1.1.0",
-    "@utrecht/heading-4-css": "1.1.0",
-    "@utrecht/heading-5-css": "1.1.0",
-    "@utrecht/heading-6-css": "1.1.0",
-    "@utrecht/heading-group-css": "1.1.0",
-    "@utrecht/html-content-css": "1.1.0",
-    "@utrecht/iban-data-css": "1.1.0",
     "@utrecht/icon": "1.1.0",
-    "@utrecht/index-char-nav-css": "1.1.0",
-    "@utrecht/link-button-css": "1.1.0",
-    "@utrecht/link-list-css": "2.0.0",
-    "@utrecht/link-social-css": "1.1.0",
-    "@utrecht/list-social-css": "1.1.0",
-    "@utrecht/listbox-css": "1.1.0",
-    "@utrecht/logo-button-css": "1.1.0",
-    "@utrecht/logo-image-css": "1.1.0",
-    "@utrecht/map-control-button-css": "1.1.0",
-    "@utrecht/map-marker-css": "1.1.0",
-    "@utrecht/multiline-data-css": "1.1.0",
-    "@utrecht/nav-bar-css": "1.1.0",
-    "@utrecht/nav-list-css": "1.1.0",
-    "@utrecht/number-data-css": "1.1.0",
-    "@utrecht/ordered-list-css": "1.1.0",
-    "@utrecht/page-content-css": "1.1.0",
-    "@utrecht/page-footer-css": "1.1.0",
-    "@utrecht/page-header-css": "1.1.0",
-    "@utrecht/pagination-css": "1.1.0",
-    "@utrecht/paragraph-css": "1.1.0",
-    "@utrecht/pre-heading-css": "1.1.0",
-    "@utrecht/preserve-data-css": "1.1.0",
-    "@utrecht/radio-button-css": "1.2.0",
-    "@utrecht/search-bar-css": "1.1.0",
-    "@utrecht/separator-css": "1.1.0",
-    "@utrecht/skip-link-css": "1.1.0",
-    "@utrecht/spotlight-section-css": "1.1.0",
-    "@utrecht/surface-css": "1.1.0",
-    "@utrecht/textarea-css": "1.2.0",
-    "@utrecht/textbox-css": "1.2.0",
-    "@utrecht/top-task-link-css": "1.1.0",
-    "@utrecht/top-task-nav-css": "1.1.0",
-    "@utrecht/unordered-list-css": "1.1.0",
-    "@utrecht/url-data-css": "1.1.0",
     "clsx": "2.1.1",
     "cross-env": "7.0.3",
     "jest": "29.7.0",
diff --git a/packages/theme-toolkit/src/community-tokens.ts b/packages/theme-toolkit/src/community-tokens.ts
index 0dc5899b1..69c79ecf6 100644
--- a/packages/theme-toolkit/src/community-tokens.ts
+++ b/packages/theme-toolkit/src/community-tokens.ts
@@ -1,92 +1,12 @@
 import { readFile } from 'node:fs/promises';
 import merge from 'lodash.merge';
 
-const tokenPackages = [
-  '@utrecht/accordion-css',
-  '@utrecht/alert-dialog-css',
-  // '@utrecht/alternate-lang-nav-css',
-  '@utrecht/article-css',
-  '@utrecht/backdrop-css',
-  '@utrecht/badge-counter-css',
-  '@utrecht/badge-data-css',
-  '@utrecht/badge-list-css',
-  '@utrecht/badge-status-css',
-  '@utrecht/blockquote-css',
-  '@utrecht/breadcrumb-nav-css',
-  '@utrecht/button-css',
-  '@utrecht/button-group-css',
-  '@utrecht/button-link-css',
-  '@utrecht/calendar-css',
-  '@utrecht/checkbox-css',
-  '@utrecht/code-block-css',
-  '@utrecht/color-sample-css',
-  '@utrecht/column-layout-css',
-  // '@utrecht/combobox-css',
-  '@utrecht/currency-data-css',
-  '@utrecht/custom-checkbox-css',
-  '@utrecht/data-list-css',
-  '@utrecht/data-placeholder-css',
-  '@utrecht/digid-button-css',
-  '@utrecht/document-css',
-  '@utrecht/drawer-css',
-  '@utrecht/emphasis-css',
-  '@utrecht/form-field-css',
-  '@utrecht/form-field-description-css',
-  '@utrecht/form-field-error-message-css',
-  '@utrecht/form-fieldset-css',
-  '@utrecht/form-label-css',
-  '@utrecht/form-toggle-css',
-  '@utrecht/heading-1-css',
-  '@utrecht/heading-2-css',
-  '@utrecht/heading-3-css',
-  '@utrecht/heading-4-css',
-  '@utrecht/heading-5-css',
-  '@utrecht/heading-6-css',
-  '@utrecht/heading-group-css',
-  // '@utrecht/html-content-css',
-  '@utrecht/iban-data-css',
-  // '@utrecht/icon',
-  '@utrecht/index-char-nav-css',
-  '@utrecht/link-button-css',
-  '@utrecht/link-list-css',
-  '@utrecht/link-social-css',
-  '@utrecht/list-social-css',
-  '@utrecht/listbox-css',
-  '@utrecht/logo-button-css',
-  '@utrecht/logo-image-css',
-  '@utrecht/map-control-button-css',
-  '@utrecht/map-marker-css',
-  '@utrecht/multiline-data-css',
-  '@utrecht/nav-bar-css',
-  '@utrecht/nav-list-css',
-  '@utrecht/number-data-css',
-  '@utrecht/ordered-list-css',
-  '@utrecht/page-content-css',
-  '@utrecht/page-footer-css',
-  '@utrecht/page-header-css',
-  '@utrecht/pagination-css',
-  '@utrecht/paragraph-css',
-  '@utrecht/pre-heading-css',
-  '@utrecht/preserve-data-css',
-  '@utrecht/radio-button-css',
-  '@utrecht/search-bar-css',
-  '@utrecht/separator-css',
-  '@utrecht/skip-link-css',
-  '@utrecht/spotlight-section-css',
-  '@utrecht/surface-css',
-  '@utrecht/textarea-css',
-  '@utrecht/textbox-css',
-  '@utrecht/top-task-link-css',
-  '@utrecht/top-task-nav-css',
-  '@utrecht/unordered-list-css',
-  // '@utrecht/url-data-css',
-];
+const tokenPackages = ['@utrecht/component-library-design-tokens/dist/index.json'];
 
 export const getCommunityTokens = async () => {
   const tokens = await Promise.all(
     tokenPackages.map(async (packageName) => {
-      const packagePath = import.meta.resolve(packageName);
-      const tokensPath = new URL('../src/tokens.json', packagePath);
+      const tokensPath = import.meta.resolve(packageName);
 
       try {
         return JSON.parse(await readFile(tokensPath, 'utf-8'));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cd7f4b9ad..12e702fed 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -234,6 +234,9 @@ importers:
       '@open-formulieren/design-tokens':
         specifier: 0.52.1
         version: 0.52.1
+      '@rijkshuisstijl-community/design-tokens':
+        specifier: 1.0.0-alpha.24
+        version: 1.0.0-alpha.24
       '@storybook/addon-a11y':
         specifier: 8.2.7
         version: 8.2.7(storybook@8.2.7(@babel/preset-env@7.24.5(@babel/core@7.24.5)))
@@ -486,249 +489,18 @@ importers:
       '@types/react':
         specifier: 18.3.3
         version: 18.3.3
-      '@utrecht/accordion-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/alert-dialog-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/alternate-lang-nav-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/article-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/backdrop-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/badge-counter-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/badge-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/badge-list-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/badge-status-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/blockquote-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/breadcrumb-nav-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/button-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/button-group-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/button-link-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/calendar-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/checkbox-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/code-block-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/color-sample-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/column-layout-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/combobox-css':
-        specifier: 1.2.0
-        version: 1.2.0
       '@utrecht/component-library-design-tokens':
         specifier: 1.0.0
         version: 1.0.0
       '@utrecht/component-library-react':
         specifier: 7.1.0
         version: 7.1.0(@babel/runtime@7.25.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@utrecht/currency-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/custom-checkbox-css':
-        specifier: 1.1.1
-        version: 1.1.1
-      '@utrecht/data-list-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/data-placeholder-css':
-        specifier: 1.1.0
-        version: 1.1.0
       '@utrecht/design-tokens':
         specifier: 1.1.0
         version: 1.1.0
-      '@utrecht/digid-button-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/document-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/drawer-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/emphasis-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/form-field-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/form-field-description-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/form-field-error-message-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/form-fieldset-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/form-label-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/form-toggle-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-1-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-2-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-3-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-4-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-5-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-6-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/heading-group-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/html-content-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/iban-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
       '@utrecht/icon':
         specifier: 1.1.0
         version: 1.1.0
-      '@utrecht/index-char-nav-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/link-button-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/link-list-css':
-        specifier: 2.0.0
-        version: 2.0.0
-      '@utrecht/link-social-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/list-social-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/listbox-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/logo-button-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/logo-image-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/map-control-button-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/map-marker-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/multiline-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/nav-bar-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/nav-list-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/number-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/ordered-list-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/page-content-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/page-footer-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/page-header-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/pagination-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/paragraph-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/pre-heading-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/preserve-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/radio-button-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/search-bar-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/separator-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/skip-link-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/spotlight-section-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/surface-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/textarea-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/textbox-css':
-        specifier: 1.2.0
-        version: 1.2.0
-      '@utrecht/top-task-link-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/top-task-nav-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/unordered-list-css':
-        specifier: 1.1.0
-        version: 1.1.0
-      '@utrecht/url-data-css':
-        specifier: 1.1.0
-        version: 1.1.0
       clsx:
         specifier: 2.1.1
         version: 2.1.1
@@ -3195,6 +2967,9 @@ packages:
     resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
+  '@rijkshuisstijl-community/design-tokens@1.0.0-alpha.24':
+    resolution: {integrity: sha512-LfKKIk3CywmIwHnsgsBi1P2i14ekpIx5QYQ4sWz9CKXK8d4C3sXRS1OAGWenNaKq3L1tTjNhXU7ZghNr7qWWHA==}
+
   '@rollup/plugin-babel@6.0.4':
     resolution: {integrity: sha512-YF7Y52kFdFT/xVSuVdjkV5ZdX/3YtmX0QulG+x0taQOtJdHYzVU61aSSkAgVJ7NOv6qPkIYiJSgSWWN/DM5sGw==}
     engines: {node: '>=14.0.0'}
@@ -3894,66 +3669,6 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  '@utrecht/accordion-css@1.2.0':
-    resolution: {integrity: sha512-sQDGDizqbOWfwANNBTaPxsk7w/Awth5NlzIykoJhcZwAXTuX/WCk/85jTVlYYvELIpRJEN1Bm9TeHKVATq9+hg==}
-
-  '@utrecht/alert-dialog-css@1.1.0':
-    resolution: {integrity: sha512-DdHukkHzgQsw8gVcJdSwsH3htWdMHc35FJzdj2sgqmL9BMumNtq56RYxIPsEOBkWYQyAKXjnjRKLRa+IF6ATTw==}
-
-  '@utrecht/alternate-lang-nav-css@1.1.0':
-    resolution: {integrity: sha512-zXQuJcSAi9zMFL4WCx7JMtPq5vVjV4sWHzVwQY7oUkq6RmMVl5kQx4LMhKZjP85RfDvWm+aTcF5l1ORKcHZvYA==}
-
-  '@utrecht/article-css@1.1.0':
-    resolution: {integrity: sha512-C4gbfTLAyxUbXoa4yWdStMkfgVacctazz+tVdmW1OGqAvfnEGtAxqEaTD/9IoNfEXYhyREPlYnuKOjPgU3lmqw==}
-
-  '@utrecht/backdrop-css@1.1.0':
-    resolution: {integrity: sha512-oTGdo7OdFH4FJRqcwJp1DpxZQAR5LQWITYe1IJ7X+px9Wuu+9zSabYGn2dfIZgWaPYUAvAboiUtMpn21Z9yE3g==}
-
-  '@utrecht/badge-counter-css@1.2.0':
-    resolution: {integrity: sha512-JWuoj2068z3YW0z3mLXOIMzGl31heRrz5Vy/92w8Mx+diwGnt8UGX0jeYSonE/5brGfyBhg3Vu9hAuxtGmzYiA==}
-
-  '@utrecht/badge-data-css@1.1.0':
-    resolution: {integrity: sha512-tvFcO/4pncIKICYG8ti5hORg9W+kQFKstr0mmnmJ5QtrydFvxZs1GG/tEniHn1ayT8CbX2Ym2EUDaC5B+5l3oA==}
-
-  '@utrecht/badge-list-css@1.1.0':
-    resolution: {integrity: sha512-MwmOQrUNnr3u2hdHDfE/afxGujDUqn3mhznJfmxs8Q/OItpRK6tFee2rRy5+4DrBmqAWiJnGQ9DSD6ikO3rUwg==}
-
-  '@utrecht/badge-status-css@1.1.0':
-    resolution: {integrity: sha512-NlgFusz2zb8ULhlGSWJ7qVts7+9MsNRteMWP5isqi+XbJtC/7yECPwvzNnuUFfb8EcQUofZnWds+gCwywB8N6g==}
-
-  '@utrecht/blockquote-css@1.1.0':
-    resolution: {integrity: sha512-7KSf8zkyTslVqfeVhsn8jDt4/bgGT80VKH9XlbdXCVzc2dCw6C4ZgglkIgX6MR8z+WdDRjK6LhhvkSOOnxBK4g==}
-
-  '@utrecht/breadcrumb-nav-css@1.1.0':
-    resolution: {integrity: sha512-n7D1X/QJSU3pzJ/HvjUqxgZ4XHFPmdVLJ5RYZnlm6ygFcVQMblz35rI4Rz2iK5foddkehAFiNmXzQPDOrUb9VQ==}
-
-  '@utrecht/button-css@1.2.0':
-    resolution: {integrity: sha512-aYqnmuT5HOshv8Kr9IvBsJef+2KNKRNwLPQHxNC2fSGXWDFzROAeChUr0A1Ylt45aAApAD/bxxIHHBAeS1PwEA==}
-
-  '@utrecht/button-group-css@1.1.0':
-    resolution: {integrity: sha512-6E7DWPW6uyZ2ifS3xaCedTFLPItrjPsoDikDi4PvCl2QmUlAO/N3+SoXhqVSg4Hy9GMexabiFzf3b/wu4eFxsg==}
-
-  '@utrecht/button-link-css@1.1.0':
-    resolution: {integrity: sha512-XW0llqu7Tin9lGuXWHpylGHmthVYAXLkae460G34sKqlPYh7FI9ilzq9KXnuBCJjccQP0AnJNjJtyGJKaOxyBQ==}
-
-  '@utrecht/calendar-css@1.1.0':
-    resolution: {integrity: sha512-ZPJEWFCC0ObKHppK2f79Vuo6hnc+KcS6qRjAxUYOzjYwtYJp5lw+yjqsBLUgdcqOEMogj9cez6xGF+2gT2kkVw==}
-
-  '@utrecht/checkbox-css@1.2.0':
-    resolution: {integrity: sha512-vt+OhZEDn/wEayf+BYR37OMh4Dkh+WBx/huZjqDAkrFH869WGqIB4v0n3uj2j3lnvB3+O1tTr4aW7Ymkm7fqzg==}
-
-  '@utrecht/code-block-css@1.1.0':
-    resolution: {integrity: sha512-lH6pv5adSnxfnr032nfJRZxq5VKylTcvbdFDVoqPdFNqvJPBgV64ZXVrRMPHsOhJnvOO3im8Ytr2Wr9dedUaaQ==}
-
-  '@utrecht/color-sample-css@1.1.0':
-    resolution: {integrity: sha512-BdRKfVlx+CJppLmVev9qQ2C2nyOA0qhDdQTn0KI+Q68OeGz44Vlc8007JjHXNwd8tMWqLMeWeuexNxKpFhw5PQ==}
-
-  '@utrecht/column-layout-css@1.1.0':
-    resolution: {integrity: sha512-/umRVD5Mq3o7MLetTp164yqsNa6iLVzLsnq3XoBRYNF8uF2sVZJ/r4ZI19MuAtk9q2s87KpYfh/3qZNDqJU4sw==}
-
-  '@utrecht/combobox-css@1.2.0':
-    resolution: {integrity: sha512-qlsLpYq1Q0k7QD2MHh1QZxjvKjgCIdDxMQ18YLfScpx9nxUzyj8CEgkPXMk2MIfBHKY5QYIf1LR8otqechg+RA==}
-
   '@utrecht/component-library-css@4.2.0':
     resolution: {integrity: sha512-QvN0QEfVF9KJh8WD7gKJPhxMO1Eq8leB/x6h0JdkDrK7iRP+bceQtV74tn3JzkeP5LGZUsYulWXPhb6Hk6NKdw==}
 
@@ -3983,183 +3698,12 @@ packages:
   '@utrecht/components@6.2.0':
     resolution: {integrity: sha512-psEKA9yJenaq1KgvSwITjwI5D+PEmphGuW9HOpSEyjfydqfOyDWwbSzEWmaesWnU0uhfdnnVeRZveQ1H84Mx5Q==}
 
-  '@utrecht/currency-data-css@1.1.0':
-    resolution: {integrity: sha512-iFJFux7Yu3KqcrL2Tur5bYPRF+ty3tCvE+ZepBDqjRIlnGZnZ6jzhBSXtg9bUx13C9QqbRYNxpqoCzz6pWT+dA==}
-
-  '@utrecht/custom-checkbox-css@1.1.1':
-    resolution: {integrity: sha512-nU6T1eDEFSWBXmJ3eUuAlKy/0gPygXrGZhVmk7HUwyP+H0J6kAZd75t7d/ZlIjwzz5cWPF7uUbGD5637Z7KgHg==}
-
-  '@utrecht/data-list-css@1.1.0':
-    resolution: {integrity: sha512-VuS/4JgomaMMJ98/0BknMtNbkFxEielULLAKXVrjnV5oFGgb1s3b43R7GfYmn3jzZ1bLVpEYUSEY7ZTNrfPTsw==}
-
-  '@utrecht/data-placeholder-css@1.1.0':
-    resolution: {integrity: sha512-RlEbGzn7Y6NcZesI7tEeeikXhbbJ7fgelx7Kalm5Z5zuBHh2ioAsa2mVbSJiXJQZy9pcg7WtppZpGIowzZzvfg==}
-
   '@utrecht/design-tokens@1.1.0':
     resolution: {integrity: sha512-1P9aVSL5xlBx2sFEzm1v+obgAPvwiLj4dg0vAZnFxLF6ZLbPPu0kP+tQhW3Gj945DU3qkwL/tIuimObYulYVAg==}
 
-  '@utrecht/digid-button-css@1.1.0':
-    resolution: {integrity: sha512-y/uSBIytr6+DfxG9FDhlmVLT3QXFxWKST7XyCQyH2XKQSbSA/Ljgn5W7DFcAGvR50bzK+KSiXHCLyKDFXZr16A==}
-
-  '@utrecht/document-css@1.1.0':
-    resolution: {integrity: sha512-navpa20l9U2c/gMDNzZ83MF2/VfXJBXVIGw6CoZ7s3uNbR92H6MAvvSn29C/Kg9QGjDAhDd7P5dIyjQ1KrwJfg==}
-
-  '@utrecht/drawer-css@1.1.0':
-    resolution: {integrity: sha512-spOfqcBNCy9xv4YwaYjV6hY9wQLtYBZY2T+6ZeXwfdM+c7KrUbnI8pAyLJYoZR6/3N9QlmDFWsRnd2pIlzzm/g==}
-
-  '@utrecht/emphasis-css@1.1.0':
-    resolution: {integrity: sha512-j7yJ2HrLpHFquzE5wwW7qieIBjzDlVxn6NzgyPa+6a14AnKFYEXZWLZLCa+geWN8WC6wEg2bQ+iMhpw67JK8tA==}
-
-  '@utrecht/form-field-css@1.1.0':
-    resolution: {integrity: sha512-hrKz2vANKoO51/YgSItezODHsH2o5rdKPJgdQIWRBxqhAv/GNsNrwS9VC6Pg5veXyo/mWYJrU+ayojmDJ8nVnA==}
-
-  '@utrecht/form-field-description-css@1.2.0':
-    resolution: {integrity: sha512-4Kgyzr7hgVWroZELiBznGA7K2PRa0oq7lbKXwQ1ZMq5yhyDKpUknLfoFTMpc+/PgBil3VqL0J43C3e1z9WDnFg==}
-
-  '@utrecht/form-field-error-message-css@1.2.0':
-    resolution: {integrity: sha512-ajQw4A8IHBSpz2TSZtBGkQir5w0K3Sh1bS0Yuabqb/gz4XLIgC2aENNz+DBEYzWp4akmujWXLuBGMpbnvA+86A==}
-
-  '@utrecht/form-fieldset-css@1.1.0':
-    resolution: {integrity: sha512-OhPzQK65LqVoE0MFHJhmeMoiVO61zICAvQIDFtrRsErnddZL9gEhFGO10raCp16pAxUgo3UghpGcXMbh5rXVDQ==}
-
-  '@utrecht/form-label-css@1.1.0':
-    resolution: {integrity: sha512-6DeD2tLgSm8PiflP4jCk5D70H4RptEP6aJnHmXJCc0mbhHz0obONkrcl9pf4urRLQ+DuYa8x9fiHQHvjNCTeRg==}
-
-  '@utrecht/form-toggle-css@1.1.0':
-    resolution: {integrity: sha512-UgdmtVLqnkJ8UpvAwQr2FUU1Z0LtSGdB8l888hNok6ScWsKPevu+sJXkmInrALNRycPow0pnPAS16hy+WI21nw==}
-
-  '@utrecht/heading-1-css@1.1.0':
-    resolution: {integrity: sha512-ASpkzRzYifDlgvfvquj6hzPtIayxdPpJWN11oD1469HK2JtmBusT/P3Iz3H8YutBua7Nzm0lsHHzTfId51Cafg==}
-
-  '@utrecht/heading-2-css@1.1.0':
-    resolution: {integrity: sha512-pLD7DFl/rifLPb/Q2Xu7ARufTU3dLHde3bCOVnpZzNWq9hg7xkJbCcSoSSuxrlsZvIfwbRrOcRX6ES0+tejS8Q==}
-
-  '@utrecht/heading-3-css@1.1.0':
-    resolution: {integrity: sha512-9s8wtWR+TcQIPDSM2fsUDXXhL8ZmBGf0nZiQDlR2bvuLY0WOuFCpHWaV4JZQFkR9VOfJPIastoE9i2q5Jv7xCQ==}
-
-  '@utrecht/heading-4-css@1.1.0':
-    resolution: {integrity: sha512-aHTzGGGt7zAEPg7n8oxkPT1xivWQM6sZZHVrNzLgLRf6fXddp5RDFnCa9f00YR/d35OLrOxDJMgkh/BuuqZeYQ==}
-
-  '@utrecht/heading-5-css@1.1.0':
-    resolution: {integrity: sha512-hO8Ko16yDC7zrEoey67zQeQ0Y/gH/QTgoAOZq6E/jjymqEleO5j1xkALIrWlRXyrjh5dWk6hXCamWqIBGGLVDg==}
-
-  '@utrecht/heading-6-css@1.1.0':
-    resolution: {integrity: sha512-Ufzz8vrt0Jb2CnxEj1ZgweIbHXvwQqixVm8IKvO8Sl3XNnZlXJkqOWvQrczcIrUkqj7qpBY5wp4ZA/f0ytljBg==}
-
-  '@utrecht/heading-group-css@1.1.0':
-    resolution: {integrity: sha512-FPS2zw+vl1m6+VWuRhN7N6KBOXPEYMLx+Cpxny2DGp7j39/BEMniwjfh3IlVywkFbYhuuoEXlWtlkpGqUCNEiQ==}
-
-  '@utrecht/html-content-css@1.1.0':
-    resolution: {integrity: sha512-QMPLdd+NlH1i1MLNwYg8XxHpr6f0yAa12W2LEpWQQ2dLKwvNLVJAcPUuHJ6XwYfqYjupwvPwhHi5WXijjY24yw==}
-
-  '@utrecht/iban-data-css@1.1.0':
-    resolution: {integrity: sha512-aqnTIUkVde1l735cLAM6e9T4pGUTIh94f8PIWB4U5K558i6hCrfja3+vX6+8YNdPFREf8gfSDqhzKf6zt5QutA==}
-
   '@utrecht/icon@1.1.0':
     resolution: {integrity: sha512-qG9Z4axYxKkGpE5EM4tFylUhqpjFqh0hU89Rq1wFubl98/XUxPH042qsxuBmcyhN5AWyJwlBdAw+sveoxD2dJg==}
 
-  '@utrecht/index-char-nav-css@1.1.0':
-    resolution: {integrity: sha512-lDTlFLZ7M3BaWPAmIX0TEsNq2tisJnPn0yGkCQUprPb6JZ0JzKb7TXMZtHVjOsiXcRPD585Bh6ldic1zN2KhXg==}
-
-  '@utrecht/link-button-css@1.1.0':
-    resolution: {integrity: sha512-qGXFl0VlGhmM9qcnzMJQDBnj4tvBIkDgvojp7tsW5fOfjIWPCodvNaTlPOAx/lzwUG33rcONrT9MKRL0w60m2Q==}
-
-  '@utrecht/link-list-css@2.0.0':
-    resolution: {integrity: sha512-yXLnb3Q6ylXzFnjQ5qPSBiwiyKntiq71sgNUhqemUzBapE0W5opuurffkantNG2j5TFvaZ66eRVfVYHMscDTIQ==}
-
-  '@utrecht/link-social-css@1.1.0':
-    resolution: {integrity: sha512-l3Svj3QFC7FADIB597KqvXySTtA76Jf+StFrpK7jg9toGlW1+CiKQ3ncXWQFT33rHZK2D9hu1sCLCVKYS8kmLQ==}
-
-  '@utrecht/list-social-css@1.1.0':
-    resolution: {integrity: sha512-MsMC5YU/2Y+XeMHBIqTIQ2BKV6yrWAAZ5md7HXXNUQFv2NLCDbkJ3/85JguEtJZwOQ5aB2Kx2QkoQbc9vmWm/Q==}
-
-  '@utrecht/listbox-css@1.1.0':
-    resolution: {integrity: sha512-mX/ECg7kgWc286vK7SxlEtbuBQiEMeJVgZ9mAWtexDv9LD6zdc2RH6JR2dJ4EEtnCAHrey+JOHY2yBtuVLpOag==}
-
-  '@utrecht/logo-button-css@1.1.0':
-    resolution: {integrity: sha512-TukvjjrQv7J9/BzNgRmczdkRPjsBLkxoVEfQMCI5GtiU1+Ho+ZqSlEdBPqMQLzasBA21yLkqfVsLNdZHVQOPWQ==}
-
-  '@utrecht/logo-image-css@1.1.0':
-    resolution: {integrity: sha512-sPLnY+oCgQuT3lEy3Gj2njUjuB+vCmDGPtcTgBiKBSx5kf8qhHnAMFkCvi7vNFq96TlmdASnXgYwYOGgc6xtDg==}
-
-  '@utrecht/map-control-button-css@1.1.0':
-    resolution: {integrity: sha512-KUAQnjaTYrt17ufEfSa2cmbWMS2PeKz48xZ9+WS512AiGZOdWeta4tqP4y52NYZgYoVSe/EPs5bOconkUP0xUg==}
-
-  '@utrecht/map-marker-css@1.1.0':
-    resolution: {integrity: sha512-xV7IZ9+xn3AVwRXH6cq7Z3rviqdfgUycV8QBZaC2qLTt9pjG+Alx7KVHL0SrP5axI0n84MDPMYxIoUqEtH4gYA==}
-
-  '@utrecht/multiline-data-css@1.1.0':
-    resolution: {integrity: sha512-9ZqOZ6TVzA4TTAp64UWND99+8Bb6tVmO6GUrLHibs69hVT6sCMXpI0H9a0LtHHkFg5KURqGonISzzKcWXzvxIg==}
-
-  '@utrecht/nav-bar-css@1.1.0':
-    resolution: {integrity: sha512-hdKxR3ZJW5yhs44OMAzuPtqaAV1IVlkt3RqyCMl5oTbhI6bLrucpueVPePA5AKLcxP7a0WeT3FSznsEzJq3nNg==}
-
-  '@utrecht/nav-list-css@1.1.0':
-    resolution: {integrity: sha512-oYkGk2x5MHDi0YYz5MwL2tHwEBhV/h6HVLT5rRL9WYIsL5TSGwm9Q+zm+useOYH3/recv76irF5wozbj6osQlw==}
-
-  '@utrecht/number-data-css@1.1.0':
-    resolution: {integrity: sha512-xoXaDatsw2oTmxcOdBIfaqgNGtrsnshkYMnuLOYzv56lsiONIRhcFwV/I7uDhG+ku+HFX1IGVeIvfU6Ch4Llgg==}
-
-  '@utrecht/ordered-list-css@1.1.0':
-    resolution: {integrity: sha512-21Xde8zeMa/U97I/EOUjPlgxaSmdGVR65ysk4FN9pWS6sfMw9KVAJ0TBCIFl5rfSc7YB36f3Gmi/abZ7oeBkIA==}
-
-  '@utrecht/page-content-css@1.1.0':
-    resolution: {integrity: sha512-chGEXWuJBde1aA8T+P281s26jLbPvnmu7mKeTCMxPRArO8boRIHIzR5PDVj30Xn2DHOST2rxAJguZhY2ql3FlQ==}
-
-  '@utrecht/page-footer-css@1.1.0':
-    resolution: {integrity: sha512-F0xilNR7dwugEj/BVivfPq9QuSi2C8FdSkUc6GNuh8RefR0dlhj7jApMUyCwa1657hGNmCAdOGroDj9lHFx4aw==}
-
-  '@utrecht/page-header-css@1.1.0':
-    resolution: {integrity: sha512-rjxQKDsBhQ/9IprQ42tyANbwSoSacRs7HRhitJomngIP8tpDeSLlX0aQpMYDv0VypGvAM54W5I0+Dr8yxBlOWw==}
-
-  '@utrecht/pagination-css@1.1.0':
-    resolution: {integrity: sha512-S7iSch+VoQu/gI+4+RDFLZw3CaIF83KIZjX2spVkpPvUnUiHee9TSxfmMto76GSN0K8f+2AQJVkC/DubGsQ6aQ==}
-
-  '@utrecht/paragraph-css@1.1.0':
-    resolution: {integrity: sha512-HxkYL/W0tkHngucdBFHOK8t7OmUmlnz4uIXP4GBXdA299Hp+RGb/1vaH5A2RaIN0P7/4v6EkuV4lquOcHx0K0Q==}
-
-  '@utrecht/pre-heading-css@1.1.0':
-    resolution: {integrity: sha512-iDx0mSqU1d2SIJdEJCarNLecBY88+RJJlC6ruPlPSdtjZxsaOcOWFg6RWsE8e9xYA9oExxi1MWcZQynKIu4+hA==}
-
-  '@utrecht/preserve-data-css@1.1.0':
-    resolution: {integrity: sha512-SYdKQ28t2AEXsPohpMo5JAPvzg+4QGDVhkGPyRHMzI3EkmzZWZYqd6ufzATiEHf0bUgKSVU17iB2gN9VbKjipw==}
-
-  '@utrecht/radio-button-css@1.2.0':
-    resolution: {integrity: sha512-DpXttVtEA6BwjgoX2mNHZuQc8lYDsrg7k0QTp+6CDSEjhO6MRO4GAqKTOs56pEDKBghdn+3r7326Nr0VqZqsLQ==}
-
-  '@utrecht/search-bar-css@1.1.0':
-    resolution: {integrity: sha512-cIq0Gca8DpjlGoBUzF0Lq73tOwzhpNQhTHvUPv/+a9DHqt864A/nBG9F9juiMOqlXa+PmomLzLvAdndz4nTXAg==}
-
-  '@utrecht/separator-css@1.1.0':
-    resolution: {integrity: sha512-nszlcy9AlUaF1rZ7m7TfXwkB7TOuTrlOVQ2eZhSONe67y6uI+5Uushc81/pODfYDPUiqmKXpr5ifE/Lfvvirsg==}
-
-  '@utrecht/skip-link-css@1.1.0':
-    resolution: {integrity: sha512-hJO0me7xhK0gSFNAE1gO1mJJsfekfccay4+RtxXO+MkCj7P3hhOa7/tAt4yRfoUpLU/uIhLXRr8Stq4AaIXtKA==}
-
-  '@utrecht/spotlight-section-css@1.1.0':
-    resolution: {integrity: sha512-1qaG+hCwRDGWK5BZomJdhSfKtmVoGlGLFCA2wchrlPDylW6zOsPmlfPNpMyZbQShg97HPofxKdpzARLf1DwyFw==}
-
-  '@utrecht/surface-css@1.1.0':
-    resolution: {integrity: sha512-EA4udTSHf/0xCR/uYbRSc744Q6bu/A+KBCisBK2zBBhcLzQPc0TT5x1MO43HiJwg8ZcY3mXinyRdlavGEdXjdA==}
-
-  '@utrecht/textarea-css@1.2.0':
-    resolution: {integrity: sha512-zDb/fs/4T+nyaakSjaXZ3l5gsJvyyLxFsxTy6k6HKx+i6hq5lRqguNBZ89CAojUO5PtfWL4y1vSgrg+4SlDyXA==}
-
-  '@utrecht/textbox-css@1.2.0':
-    resolution: {integrity: sha512-b7bfn3Vo/iSepcglS1+jGyoUMpSfL0N7Dc0J8HKpAZSm8452I5s3SUHJyCiB/fsbM2F4ZFafwYT5n0rKucKZLQ==}
-
-  '@utrecht/top-task-link-css@1.1.0':
-    resolution: {integrity: sha512-oBzYDd5syw6sQmPlLElx0yq1dPx+4WRP4Xu6I5barqL+B36vcnUgZ2Sb5iBnceCuo8YISFzrrp4BW1cu39aSzA==}
-
-  '@utrecht/top-task-nav-css@1.1.0':
-    resolution: {integrity: sha512-T9AQD1W0z7JYYVDjqKqFpO90j5km6iF212TGv1L51SM3uLIqrhcxfaWjU8MqEA+SO1MZAJe53cHJ/SwyCU3KHg==}
-
-  '@utrecht/unordered-list-css@1.1.0':
-    resolution: {integrity: sha512-eEYgyDwhsvod7xroprjGODijErpgyVOgr09u1K0OCmosJkUNFH0HiQRfqHVWkct9wGnyZqZlanX/NpFKdrixVg==}
-
-  '@utrecht/url-data-css@1.1.0':
-    resolution: {integrity: sha512-YsFVcj5H9oTOuqtAZt2r17H9fhVEfoIWXXSIirTqHNxd/JvTv57iHnAuiRc661e0OHmWQbP1tBLLnQJiR8m82w==}
-
   '@utrecht/web-component-library-stencil@1.4.0':
     resolution: {integrity: sha512-1yoTlgjVo8LQpB5pq5T+aRgSjYgLi0lVB2OtHVPXiLN/xBi7JJSzwZBfFZuKwWUPJZCgJxxnL72GxfP+K/0uaA==}
 
@@ -10050,6 +9594,8 @@ snapshots:
 
   '@pkgr/core@0.1.1': {}
 
+  '@rijkshuisstijl-community/design-tokens@1.0.0-alpha.24': {}
+
   '@rollup/plugin-babel@6.0.4(@babel/core@7.24.5)(@types/babel__core@7.20.5)(rollup@4.19.2)':
     dependencies:
       '@babel/core': 7.24.5
@@ -10814,46 +10360,6 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@utrecht/accordion-css@1.2.0': {}
-
-  '@utrecht/alert-dialog-css@1.1.0': {}
-
-  '@utrecht/alternate-lang-nav-css@1.1.0': {}
-
-  '@utrecht/article-css@1.1.0': {}
-
-  '@utrecht/backdrop-css@1.1.0': {}
-
-  '@utrecht/badge-counter-css@1.2.0': {}
-
-  '@utrecht/badge-data-css@1.1.0': {}
-
-  '@utrecht/badge-list-css@1.1.0': {}
-
-  '@utrecht/badge-status-css@1.1.0': {}
-
-  '@utrecht/blockquote-css@1.1.0': {}
-
-  '@utrecht/breadcrumb-nav-css@1.1.0': {}
-
-  '@utrecht/button-css@1.2.0': {}
-
-  '@utrecht/button-group-css@1.1.0': {}
-
-  '@utrecht/button-link-css@1.1.0': {}
-
-  '@utrecht/calendar-css@1.1.0': {}
-
-  '@utrecht/checkbox-css@1.2.0': {}
-
-  '@utrecht/code-block-css@1.1.0': {}
-
-  '@utrecht/color-sample-css@1.1.0': {}
-
-  '@utrecht/column-layout-css@1.1.0': {}
-
-  '@utrecht/combobox-css@1.2.0': {}
-
   '@utrecht/component-library-css@4.2.0': {}
 
   '@utrecht/component-library-design-tokens@1.0.0': {}
@@ -10874,124 +10380,10 @@ snapshots:
     dependencies:
       clsx: 2.1.1
 
-  '@utrecht/currency-data-css@1.1.0': {}
-
-  '@utrecht/custom-checkbox-css@1.1.1': {}
-
-  '@utrecht/data-list-css@1.1.0': {}
-
-  '@utrecht/data-placeholder-css@1.1.0': {}
-
   '@utrecht/design-tokens@1.1.0': {}
 
-  '@utrecht/digid-button-css@1.1.0': {}
-
-  '@utrecht/document-css@1.1.0': {}
-
-  '@utrecht/drawer-css@1.1.0': {}
-
-  '@utrecht/emphasis-css@1.1.0': {}
-
-  '@utrecht/form-field-css@1.1.0': {}
-
-  '@utrecht/form-field-description-css@1.2.0': {}
-
-  '@utrecht/form-field-error-message-css@1.2.0': {}
-
-  '@utrecht/form-fieldset-css@1.1.0': {}
-
-  '@utrecht/form-label-css@1.1.0': {}
-
-  '@utrecht/form-toggle-css@1.1.0': {}
-
-  '@utrecht/heading-1-css@1.1.0': {}
-
-  '@utrecht/heading-2-css@1.1.0': {}
-
-  '@utrecht/heading-3-css@1.1.0': {}
-
-  '@utrecht/heading-4-css@1.1.0': {}
-
-  '@utrecht/heading-5-css@1.1.0': {}
-
-  '@utrecht/heading-6-css@1.1.0': {}
-
-  '@utrecht/heading-group-css@1.1.0': {}
-
-  '@utrecht/html-content-css@1.1.0': {}
-
-  '@utrecht/iban-data-css@1.1.0': {}
-
   '@utrecht/icon@1.1.0': {}
 
-  '@utrecht/index-char-nav-css@1.1.0': {}
-
-  '@utrecht/link-button-css@1.1.0': {}
-
-  '@utrecht/link-list-css@2.0.0': {}
-
-  '@utrecht/link-social-css@1.1.0': {}
-
-  '@utrecht/list-social-css@1.1.0': {}
-
-  '@utrecht/listbox-css@1.1.0': {}
-
-  '@utrecht/logo-button-css@1.1.0': {}
-
-  '@utrecht/logo-image-css@1.1.0': {}
-
-  '@utrecht/map-control-button-css@1.1.0': {}
-
-  '@utrecht/map-marker-css@1.1.0': {}
-
-  '@utrecht/multiline-data-css@1.1.0': {}
-
-  '@utrecht/nav-bar-css@1.1.0': {}
-
-  '@utrecht/nav-list-css@1.1.0': {}
-
-  '@utrecht/number-data-css@1.1.0': {}
-
-  '@utrecht/ordered-list-css@1.1.0': {}
-
-  '@utrecht/page-content-css@1.1.0': {}
-
-  '@utrecht/page-footer-css@1.1.0': {}
-
-  '@utrecht/page-header-css@1.1.0': {}
-
-  '@utrecht/pagination-css@1.1.0': {}
-
-  '@utrecht/paragraph-css@1.1.0': {}
-
-  '@utrecht/pre-heading-css@1.1.0': {}
-
-  '@utrecht/preserve-data-css@1.1.0': {}
-
-  '@utrecht/radio-button-css@1.2.0': {}
-
-  '@utrecht/search-bar-css@1.1.0': {}
-
-  '@utrecht/separator-css@1.1.0': {}
-
-  '@utrecht/skip-link-css@1.1.0': {}
-
-  '@utrecht/spotlight-section-css@1.1.0': {}
-
-  '@utrecht/surface-css@1.1.0': {}
-
-  '@utrecht/textarea-css@1.2.0': {}
-
-  '@utrecht/textbox-css@1.2.0': {}
-
-  '@utrecht/top-task-link-css@1.1.0': {}
-
-  '@utrecht/top-task-nav-css@1.1.0': {}
-
-  '@utrecht/unordered-list-css@1.1.0': {}
-
-  '@utrecht/url-data-css@1.1.0': {}
-
   '@utrecht/web-component-library-stencil@1.4.0':
     dependencies:
       '@stencil/core': 4.18.3
diff --git a/proprietary/basis-design-tokens/figma/basis.tokens.json b/proprietary/basis-design-tokens/figma/basis.tokens.json
index dd0ef392e..884589e8b 100644
--- a/proprietary/basis-design-tokens/figma/basis.tokens.json
+++ b/proprietary/basis-design-tokens/figma/basis.tokens.json
@@ -3,49 +3,49 @@
     "basis": {
       "typography": {
         "font-size": {
-          "0": {
+          "xxxx-large": {
             "$type": "fontSizes",
             "$value": "48px"
           },
-          "1": {
+          "xxx-large": {
             "$type": "fontSizes",
             "$value": "40px"
           },
-          "2": {
+          "xx-large": {
             "$type": "fontSizes",
             "$value": "32px"
           },
-          "3": {
+          "x-large": {
             "$type": "fontSizes",
             "$value": "24px"
           },
-          "4": {
+          "large": {
             "$type": "fontSizes",
             "$value": "20px"
           },
-          "5": {
+          "medium": {
             "$type": "fontSizes",
             "$value": "16px"
           },
-          "6": {
+          "small": {
             "$type": "fontSizes",
             "$value": "14px"
           }
         },
         "line-height": {
-          "xs": {
+          "x-small": {
             "$type": "lineHeights",
             "$value": "100%"
           },
-          "sm": {
+          "small": {
             "$type": "lineHeights",
             "$value": "125%"
           },
-          "md": {
+          "medium": {
             "$type": "lineHeights",
             "$value": "150%"
           },
-          "lg": {
+          "large": {
             "$type": "lineHeights",
             "$value": "200%"
           }
@@ -570,7 +570,7 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.5}"
+          "$value": "{basis.typography.font-size.medium}"
         },
         "font-weight": {
           "$type": "fontWeights",
@@ -578,7 +578,7 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.md}"
+          "$value": "{basis.typography.line-height.medium}"
         }
       },
       "heading": {
@@ -696,11 +696,11 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.5}"
+          "$value": "{basis.typography.font-size.medium}"
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.md}"
+          "$value": "{basis.typography.line-height.medium}"
         },
         "max-inline-size": {
           "$type": "sizing",
@@ -1293,11 +1293,11 @@
           },
           "line-height": {
             "$type": "lineHeights",
-            "$value": "{basis.typography.line-height.sm}"
+            "$value": "{basis.typography.line-height.small}"
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.3}"
+            "$value": "{basis.typography.font-size.x-large}"
           }
         }
       }
@@ -1517,7 +1517,7 @@
         "attribution": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.6}"
+            "$value": "{basis.typography.font-size.small}"
           },
           "color": {
             "$type": "color",
@@ -1527,7 +1527,7 @@
         "content": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.3}"
+            "$value": "{basis.typography.font-size.x-large}"
           },
           "color": {
             "$type": "color",
@@ -1549,7 +1549,7 @@
           },
           "line-height": {
             "$type": "lineHeights",
-            "$value": "{basis.typography.line-height.md}"
+            "$value": "{basis.typography.line-height.medium}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -1563,7 +1563,7 @@
           },
           "line-height": {
             "$type": "lineHeights",
-            "$value": "{basis.typography.line-height.sm}"
+            "$value": "{basis.typography.line-height.small}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -2201,11 +2201,11 @@
         "heading": {
           "line-height": {
             "$type": "lineHeights",
-            "$value": "{basis.typography.line-height.sm}"
+            "$value": "{basis.typography.line-height.small}"
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.3}"
+            "$value": "{basis.typography.font-size.x-large}"
           },
           "color": {
             "$type": "color",
@@ -3146,11 +3146,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.sm}"
+          "$value": "{basis.typography.line-height.small}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.1}"
+          "$value": "{basis.typography.font-size.xxx-large}"
         }
       },
       "heading-2": {
@@ -3168,11 +3168,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.sm}"
+          "$value": "{basis.typography.line-height.small}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.2}"
+          "$value": "{basis.typography.font-size.xx-large}"
         }
       },
       "heading-3": {
@@ -3190,11 +3190,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.sm}"
+          "$value": "{basis.typography.line-height.small}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.3}"
+          "$value": "{basis.typography.font-size.x-large}"
         }
       },
       "heading-4": {
@@ -3212,11 +3212,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.md}"
+          "$value": "{basis.typography.line-height.medium}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.4}"
+          "$value": "{basis.typography.font-size.large}"
         }
       },
       "heading-5": {
@@ -3234,11 +3234,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.md}"
+          "$value": "{basis.typography.line-height.medium}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.5}"
+          "$value": "{basis.typography.font-size.medium}"
         }
       },
       "heading-6": {
@@ -3256,11 +3256,11 @@
         },
         "line-height": {
           "$type": "lineHeights",
-          "$value": "{basis.typography.line-height.md}"
+          "$value": "{basis.typography.line-height.medium}"
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.6}"
+          "$value": "{basis.typography.font-size.small}"
         }
       }
     }
@@ -3570,7 +3570,7 @@
       "number-badge": {
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.6}"
+          "$value": "{basis.typography.font-size.small}"
         },
         "min-block-size": {
           "$type": "sizing",
@@ -3989,7 +3989,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.4}"
+            "$value": "{basis.typography.font-size.large}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -4007,7 +4007,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.6}"
+            "$value": "{basis.typography.font-size.small}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -4034,7 +4034,7 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.6}"
+          "$value": "{basis.typography.font-size.small}"
         },
         "font-weight": {
           "$type": "fontWeights",
@@ -5214,7 +5214,7 @@
       "status-badge": {
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{basis.typography.font-size.6}"
+          "$value": "{basis.typography.font-size.small}"
         },
         "line-height": {
           "$type": "lineHeights",
@@ -5643,7 +5643,7 @@
           },
           "line-height": {
             "$type": "lineHeights",
-            "$value": "{basis.typography.line-height.sm}"
+            "$value": "{basis.typography.line-height.small}"
           },
           "font-family": {
             "$type": "fontFamilies",
@@ -5651,7 +5651,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{basis.typography.font-size.3}"
+            "$value": "{basis.typography.font-size.x-large}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -6280,4 +6280,4 @@
       "components/unordered-list"
     ]
   }
-}
\ No newline at end of file
+}