variable-set-up.json

{
  "core": {
    "logius": {
      "color": {
        "grijs": {
          "100": {
            "value": "#fbfbfb",
            "type": "color"
          },
          "200": {
            "value": "#f3f3f3",
            "type": "color",
            "description": "Light mode only"
          },
          "300": {
            "value": "#e6e6e6",
            "type": "color",
            "description": "Light mode only"
          },
          "400": {
            "value": "#a7a7a7",
            "type": "color"
          },
          "500": {
            "value": "#696969",
            "type": "color"
          },
          "600": {
            "value": "#383838",
            "type": "color",
            "description": "dark mode only\n"
          },
          "700": {
            "value": "#282828",
            "type": "color"
          },
          "800": {
            "value": "#1d1d1d",
            "type": "color",
            "description": "dark mode only\n"
          },
          "900": {
            "value": "#171717",
            "type": "color",
            "description": "dark mode only\n"
          }
        },
        "zwart": {
          "value": "#000000",
          "type": "color"
        },
        "wit": {
          "value": "#ffffff",
          "type": "color"
        },
        "none": {
          "value": "#ffffff00",
          "type": "color"
        },
        "lichtblauw": {
          "100": {
            "value": "#eef7fb",
            "type": "color"
          },
          "200": {
            "value": "#ddeff8",
            "type": "color"
          },
          "300": {
            "value": "#8fcae7",
            "type": "color"
          }
        },
        "violet": {
          "100": {
            "value": "#f2d9e7",
            "type": "color"
          },
          "200": {
            "value": "#e5b3d0",
            "type": "color"
          },
          "300": {
            "value": "#a90061",
            "type": "color"
          },
          "400": {
            "value": "#52002f",
            "type": "color"
          }
        },
        "paars": {
          "100": {
            "value": "#e3dce7",
            "type": "color"
          },
          "200": {
            "value": "#c6b9cf",
            "type": "color"
          },
          "300": {
            "value": "#42145f",
            "type": "color"
          },
          "400": {
            "value": "#3B1255",
            "type": "color"
          }
        },
        "hemelblauw": {
          "100": {
            "value": "#d9ebf7",
            "type": "color"
          },
          "200": {
            "value": "#b3d7ee",
            "type": "color"
          },
          "300": {
            "value": "#007bc7",
            "type": "color"
          },
          "400": {
            "value": "#00436C",
            "type": "color"
          }
        },
        "donkerblauw": {
          "100": {
            "value": "#d9e8f0",
            "type": "color"
          },
          "200": {
            "value": "#b3d2e1",
            "type": "color"
          },
          "300": {
            "value": "#01689b",
            "type": "color"
          },
          "400": {
            "value": "#013F5E",
            "type": "color"
          }
        },
        "mintgroen": {
          "100": {
            "value": "#eaf8f4",
            "type": "color"
          },
          "200": {
            "value": "#d6f2e9",
            "type": "color"
          },
          "300": {
            "value": "#76d2b6",
            "type": "color"
          }
        },
        "mosgroen": {
          "100": {
            "value": "#ebebd9",
            "type": "color"
          },
          "200": {
            "value": "#d6d7b3",
            "type": "color"
          },
          "300": {
            "value": "#777b00",
            "type": "color"
          }
        },
        "groen": {
          "100": {
            "value": "#e1eddb",
            "type": "color"
          },
          "200": {
            "value": "#c4dbb6",
            "type": "color"
          },
          "300": {
            "value": "#39870c",
            "type": "color"
          },
          "400": {
            "value": "#004B17",
            "type": "color"
          }
        },
        "donkergroen": {
          "100": {
            "value": "#dfe6e1",
            "type": "color"
          },
          "200": {
            "value": "#becdc3",
            "type": "color"
          },
          "300": {
            "value": "#275937",
            "type": "color"
          }
        },
        "bruin": {
          "100": {
            "value": "#efeada",
            "type": "color"
          },
          "200": {
            "value": "#dfd4b6",
            "type": "color"
          },
          "300": {
            "value": "#94710a",
            "type": "color"
          }
        },
        "donkerbruin": {
          "100": {
            "value": "#e8e0df",
            "type": "color"
          },
          "200": {
            "value": "#d1c2be",
            "type": "color"
          },
          "300": {
            "value": "#673327",
            "type": "color"
          }
        },
        "geel": {
          "100": {
            "value": "#fefbdd",
            "type": "color"
          },
          "200": {
            "value": "#fdf6bc",
            "type": "color"
          },
          "300": {
            "value": "#f9e11e",
            "type": "color"
          }
        },
        "donkergeel": {
          "100": {
            "value": "#fff4db",
            "type": "color"
          },
          "200": {
            "value": "#ffe9b8",
            "type": "color"
          },
          "300": {
            "value": "#ffb612",
            "type": "color"
          },
          "400": {
            "value": "#BF880D",
            "type": "color"
          }
        },
        "oranje": {
          "100": {
            "value": "#fbead9",
            "type": "color"
          },
          "200": {
            "value": "#f6d4b3",
            "type": "color"
          },
          "300": {
            "value": "#e17000",
            "type": "color"
          },
          "400": {
            "value": "#B35900",
            "type": "color"
          }
        },
        "rood": {
          "100": {
            "value": "#f9dfdd",
            "type": "color"
          },
          "200": {
            "value": "#f2bfbc",
            "type": "color"
          },
          "300": {
            "value": "#d52b1e",
            "type": "color"
          },
          "400": {
            "value": "#542621",
            "type": "color"
          }
        },
        "roze": {
          "100": {
            "value": "#fdeff8",
            "type": "color"
          },
          "200": {
            "value": "#fbdef0",
            "type": "color"
          },
          "300": {
            "value": "#f092cd",
            "type": "color"
          }
        },
        "robijnrood": {
          "100": {
            "value": "#f7d9e7",
            "type": "color"
          },
          "200": {
            "value": "#efb3ce",
            "type": "color"
          },
          "300": {
            "value": "#ca005d",
            "type": "color"
          }
        }
      },
      "border-radius": {
        "default": {
          "value": "4",
          "type": "borderRadius"
        },
        "circle": {
          "value": "50%",
          "type": "borderRadius"
        },
        "none": {
          "value": "0",
          "type": "borderRadius"
        }
      },
      "font-family": {
        "default": {
          "value": "RijksoverheidSansWebText",
          "type": "fontFamilies"
        }
      },
      "font-size": {
        "s": {
          "value": "16",
          "type": "fontSizes"
        },
        "m": {
          "value": "18",
          "type": "fontSizes"
        },
        "l": {
          "value": "22",
          "type": "fontSizes"
        },
        "xl": {
          "value": "26",
          "type": "fontSizes"
        },
        "2xl": {
          "value": "40",
          "type": "fontSizes"
        }
      },
      "font": {
        "line-height": {
          "s": {
            "value": "24",
            "type": "lineHeights"
          },
          "m": {
            "value": "28",
            "type": "lineHeights"
          },
          "l": {
            "value": "32",
            "type": "lineHeights"
          },
          "xl": {
            "value": "36",
            "type": "lineHeights"
          },
          "2xl": {
            "value": "56",
            "type": "lineHeights"
          }
        }
      },
      "border-width": {
        "default": {
          "value": "1",
          "type": "borderWidth"
        },
        "m": {
          "value": "2",
          "type": "borderWidth"
        },
        "none": {
          "value": "0",
          "type": "borderWidth"
        }
      },
      "shadow": {
        "default": {
          "value": {
            "x": "0",
            "y": "4",
            "blur": "4",
            "spread": "0",
            "color": "#00000025",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        }
      },
      "space": {
        "0-x": {
          "value": "{logius.space.1-x}*0",
          "type": "dimension"
        },
        "025-x": {
          "value": "{logius.space.1-x}*0.25",
          "type": "dimension"
        },
        "05-x": {
          "value": "{logius.space.1-x}*0.5",
          "type": "dimension"
        },
        "1-x": {
          "value": "8px",
          "type": "dimension"
        },
        "105-x": {
          "value": "{logius.space.1-x}*1.5",
          "type": "dimension"
        },
        "2-x": {
          "value": "{logius.space.1-x}*2",
          "type": "dimension"
        },
        "3-x": {
          "value": "{logius.space.1-x}*3",
          "type": "dimension"
        },
        "4-x": {
          "value": "{logius.space.1-x}*4",
          "type": "dimension"
        },
        "5-x": {
          "value": "{logius.space.1-x}*5",
          "type": "dimension"
        },
        "6-x": {
          "value": "{logius.space.1-x}*6",
          "type": "dimension"
        },
        "7-x": {
          "value": "{logius.space.1-x}*7",
          "type": "dimension"
        }
      }
    }
  },
  "breakpoint/vp-md": {
    "logius": {
      "space": {
        "sheet": {
          "value": "{logius.space.3-x} {logius.space.3-x}",
          "type": "spacing"
        }
      }
    }
  },
  "breakpoint/vp-xs": {
    "font-size": {
      "s": {
        "value": "14",
        "type": "fontSizes"
      },
      "m": {
        "value": "16",
        "type": "fontSizes"
      },
      "l": {
        "value": "20",
        "type": "fontSizes"
      },
      "xl": {
        "value": "24",
        "type": "fontSizes"
      },
      "2xl": {
        "value": "36",
        "type": "fontSizes"
      }
    },
    "line-height": {
      "s": {
        "value": "24",
        "type": "lineHeights"
      },
      "m": {
        "value": "24",
        "type": "lineHeights"
      },
      "l": {
        "value": "28",
        "type": "lineHeights"
      },
      "xl": {
        "value": "32",
        "type": "lineHeights"
      },
      "2xl": {
        "value": "36",
        "type": "lineHeights"
      }
    },
    "forms": {
      "control": {
        "size": {
          "min-height": {
            "value": "{logius.size.m}",
            "type": "sizing"
          }
        },
        "position": {
          "value": "24",
          "type": "sizing"
        },
        "space": {
          "compensation-height": {
            "value": "3",
            "type": "spacing"
          }
        }
      },
      "input": {
        "control": {
          "space": {
            "vertical-padding": {
              "value": "{logius.space.1-x}",
              "type": "spacing"
            },
            "position": {
              "value": "3",
              "type": "spacing"
            }
          }
        }
      },
      "font": {
        "hint-text": {
          "value": "{font.body.m-400}",
          "type": "typography"
        }
      },
      "selector": {
        "menu-item": {
          "space": {
            "vertical-padding": {
              "value": "{logius.space.105-x}",
              "type": "spacing"
            }
          }
        }
      }
    },
    "link": {
      "size": {
        "min-height": {
          "value": "{logius.size.m}",
          "type": "sizing"
        }
      }
    },
    "alert": {
      "space": {
        "vertical-padding": {
          "value": "{logius.space.105-x}",
          "type": "spacing"
        }
      }
    },
    "space": {
      "compensation-height": {
        "small": {
          "value": "{logius.space.105-x}",
          "type": "spacing",
          "description": "Eigenlijk is dit een min-height van 48px met 8px padding ipv 12. Nu gebruiken we hier 12 omdat dat samen met de fontsize hier 48p hoogte behaald."
        },
        "icon": {
          "value": "{logius.space.05-x}",
          "type": "spacing"
        }
      },
      "sheet": {
        "value": "{logius.space.3-x} {logius.space.2-x}",
        "type": "spacing"
      },
      "listItem": {
        "value": "{logius.space.105-x}",
        "type": "spacing"
      }
    },
    "card": {
      "space": {
        "gap": {
          "value": "{logius.space.2-x}",
          "type": "spacing"
        }
      },
      "icon-size": {
        "value": "56px",
        "type": "sizing"
      }
    }
  },
  "product/A": {
    "product": {
      "color": {
        "brand": {
          "default": {
            "value": "{logius.color.groen.300}",
            "type": "color"
          },
          "subdued": {
            "value": "{logius.color.groen.100}",
            "type": "color"
          },
          "hover": {
            "value": "{logius.color.groen.400}",
            "type": "color"
          }
        }
      },
      "button": {
        "color": {
          "secondary": {
            "border": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "foreground": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "hover": {
              "border": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "foreground": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "background": {
                "value": "{product.color.brand.subdued}",
                "type": "color"
              }
            }
          },
          "tertiary": {
            "foreground": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "hover": {
              "foreground": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "background": {
                "value": "{product.color.brand.subdued}",
                "type": "color"
              }
            }
          }
        }
      }
    }
  },
  "product/B": {
    "product": {
      "color": {
        "brand": {
          "default": {
            "value": "{logius.color.hemelblauw.300}",
            "type": "color"
          },
          "subdued": {
            "value": "{logius.color.donkerblauw.100}",
            "type": "color"
          },
          "hover": {
            "value": "{logius.color.hemelblauw.400}",
            "type": "color"
          }
        }
      },
      "button": {
        "color": {
          "secondary": {
            "border": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "foreground": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "hover": {
              "border": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "foreground": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "background": {
                "value": "{product.color.brand.subdued}",
                "type": "color"
              }
            }
          },
          "tertiary": {
            "foreground": {
              "value": "{product.color.brand.default}",
              "type": "color"
            },
            "hover": {
              "foreground": {
                "value": "{product.color.brand.hover}",
                "type": "color"
              },
              "background": {
                "value": "{product.color.brand.subdued}",
                "type": "color"
              }
            }
          }
        }
      }
    }
  },
  "product/C": {
    "product": {
      "color": {
        "brand": {
          "default": {
            "value": "{logius.color.oranje.300}",
            "type": "color"
          },
          "subdued": {
            "value": "{logius.color.oranje.100}",
            "type": "color"
          },
          "hover": {
            "value": "{logius.color.oranje.400}",
            "type": "color"
          }
        }
      },
      "button": {
        "color": {
          "secondary": {
            "border": {
              "value": "{mode.color.border}",
              "type": "color"
            },
            "foreground": {
              "value": "{mode.color.foreground}",
              "type": "color"
            },
            "hover": {
              "border": {
                "value": "{mode.button.color.secondary.border}",
                "type": "color"
              },
              "foreground": {
                "value": "{mode.color.foreground}",
                "type": "color"
              },
              "background": {
                "value": "{mode.color.hover.background}",
                "type": "color"
              }
            }
          },
          "tertiary": {
            "foreground": {
              "value": "{mode.color.foreground}",
              "type": "color"
            },
            "hover": {
              "foreground": {
                "value": "{mode.color.foreground}",
                "type": "color"
              },
              "background": {
                "value": "{mode.color.hover.background}",
                "type": "color"
              }
            }
          }
        }
      }
    }
  },
  "mode/dark": {
    "mode": {
      "color": {
        "foreground": {
          "value": "{logius.color.grijs.100}",
          "type": "color"
        },
        "background": {
          "value": "{logius.color.grijs.700}",
          "type": "color"
        },
        "border": {
          "value": "{logius.color.grijs.500}",
          "type": "color"
        },
        "canvas": {
          "value": "{logius.color.zwart}",
          "type": "color",
          "description": "component-token"
        },
        "subdued": {
          "foreground": {
            "value": "{logius.color.grijs.400}",
            "type": "color"
          },
          "background": {
            "value": "{logius.color.grijs.800}",
            "type": "color"
          },
          "border": {
            "value": "{logius.color.grijs.600}",
            "type": "color"
          }
        },
        "hover": {
          "background": {
            "value": "{logius.color.grijs.600}",
            "type": "color"
          }
        }
      },
      "button": {
        "color": {
          "tertiary": {
            "hover": {
              "background": {
                "value": "{mode.color.hover.background}",
                "type": "color"
              },
              "foreground": {
                "value": "{mode.button.color.tertiary.foreground}",
                "type": "color"
              }
            },
            "foreground": {
              "value": "{mode.color.foreground}",
              "type": "color"
            }
          },
          "secondary": {
            "hover": {
              "foreground": {
                "value": "{mode.button.color.secondary.foreground}",
                "type": "color"
              },
              "background": {
                "value": "{mode.color.hover.background}",
                "type": "color"
              },
              "border": {
                "value": "{mode.button.color.secondary.border}",
                "type": "color"
              }
            },
            "foreground": {
              "value": "{mode.color.foreground}",
              "type": "color"
            },
            "border": {
              "value": "{mode.color.border}",
              "type": "color"
            }
          }
        }
      }
    }
  },
  "mode/light": {
    "mode": {
      "color": {
        "foreground": {
          "value": "{logius.color.grijs.700}",
          "type": "color",
          "description": "Primary text, icons and strong borders"
        },
        "background": {
          "value": "{logius.color.wit}",
          "type": "color",
          "description": "Background"
        },
        "border": {
          "value": "{logius.color.grijs.500}",
          "type": "color"
        },
        "canvas": {
          "value": "{logius.color.grijs.200}",
          "type": "color",
          "description": "The background of the webpage"
        },
        "subdued": {
          "foreground": {
            "value": "{logius.color.grijs.500}",
            "type": "color",
            "description": "Subdued text and icons"
          },
          "background": {
            "value": "{logius.color.grijs.200}",
            "type": "color",
            "description": "Subdued background"
          },
          "border": {
            "value": "{logius.color.grijs.400}",
            "type": "color",
            "description": "Subdued border"
          }
        },
        "hover": {
          "background": {
            "value": "{logius.color.grijs.300}",
            "type": "color",
            "description": "Default hover background color"
          }
        }
      },
      "button": {
        "color": {
          "tertiary": {
            "hover": {
              "background": {
                "value": "{product.button.color.tertiary.hover.background}",
                "type": "color"
              },
              "foreground": {
                "value": "{product.button.color.tertiary.hover.foreground}",
                "type": "color"
              }
            },
            "foreground": {
              "value": "{product.button.color.tertiary.foreground}",
              "type": "color"
            }
          },
          "secondary": {
            "hover": {
              "foreground": {
                "value": "{product.button.color.secondary.hover.foreground}",
                "type": "color"
              },
              "background": {
                "value": "{product.button.color.secondary.hover.background}",
                "type": "color"
              },
              "border": {
                "value": "{product.button.color.secondary.hover.border}",
                "type": "color"
              }
            },
            "foreground": {
              "value": "{product.button.color.secondary.foreground}",
              "type": "color"
            },
            "border": {
              "value": "{product.button.color.secondary.border}",
              "type": "color"
            }
          }
        }
      }
    }
  },
  "semantic": {
    "logius": {
      "color": {
        "foreground": {
          "value": "{mode.color.foreground}",
          "type": "color",
          "description": "Primary text, icons and strong borders"
        },
        "background": {
          "value": "{mode.color.background}",
          "type": "color",
          "description": "Background"
        },
        "border": {
          "value": "{mode.color.border}",
          "type": "color"
        },
        "canvas": {
          "value": "{mode.color.canvas}",
          "type": "color",
          "description": "The background of the webpage"
        },
        "onEmphasis": {
          "foreground": {
            "value": "{logius.color.wit}",
            "type": "color",
            "description": "Text on stong backgrounds. Eg text on the brand color or the footer text"
          }
        },
        "subdued": {
          "foreground": {
            "value": "{mode.color.subdued.foreground}",
            "type": "color",
            "description": "Subdued text and icons"
          },
          "background": {
            "value": "{mode.color.subdued.background}",
            "type": "color",
            "description": "Subdued background"
          },
          "border": {
            "value": "{mode.color.subdued.border}",
            "type": "color",
            "description": "Subdued border"
          }
        },
        "hover": {
          "background": {
            "value": "{mode.color.hover.background}",
            "type": "color",
            "description": "Default hover background color"
          }
        },
        "brand": {
          "default": {
            "value": "{product.color.brand.default}",
            "type": "color",
            "description": "Change this color to your brand"
          },
          "subdued": {
            "value": "{product.color.brand.subdued}",
            "type": "color",
            "description": "Change this color to your brand"
          },
          "hover": {
            "value": "{product.color.brand.hover}",
            "type": "color",
            "description": "Change this color to your brand"
          }
        },
        "feedback": {
          "success": {
            "default": {
              "value": "{logius.color.groen.300}",
              "type": "color"
            },
            "subdued": {
              "value": "{logius.color.groen.100}",
              "type": "color"
            }
          },
          "info": {
            "default": {
              "value": "{logius.color.hemelblauw.300}",
              "type": "color"
            },
            "subdued": {
              "value": "{logius.color.hemelblauw.100}",
              "type": "color"
            }
          },
          "error": {
            "default": {
              "value": "{logius.color.rood.300}",
              "type": "color"
            },
            "subdued": {
              "value": "{logius.color.rood.100}",
              "type": "color"
            }
          },
          "warning": {
            "default": {
              "value": "{logius.color.donkergeel.300}",
              "type": "color"
            },
            "subdued": {
              "value": "{logius.color.donkergeel.100}",
              "type": "color"
            }
          }
        }
      },
      "space": {
        "listItem": {
          "value": "{logius.space.105-x} {logius.space.2-x}",
          "type": "spacing"
        },
        "sheet": {
          "value": "{logius.space.4-x} {logius.space.4-x}",
          "type": "spacing"
        },
        "icon-side": {
          "value": "{logius.space.105-x}",
          "type": "spacing"
        },
        "compensation-height": {
          "default": {
            "value": "10",
            "type": "spacing",
            "description": "Vertical-padding om items 48px hoog te maken. \n\nBijvoorbeeld: de button, checkboxes en radiobuttons met label & de accordion\n\nDeze items moeten in de code 8px spacing krijgen, met een minimum height van 48px wat met font-size-m(18px) met een line-height van 26px resulteert in 10px op desktop en 12px op mobiel. Dit is echter niet mogelijk in Figma."
          },
          "small": {
            "value": "{logius.space.025-x}",
            "type": "spacing",
            "description": "Vertical-spacing om items 32px hoog te maken. \n\nBijvoorbeeld: de small button, de radiobutton & checkboxes met een label."
          },
          "icon": {
            "value": "6",
            "type": "spacing"
          }
        }
      },
      "size": {
        "2xs": {
          "value": "{logius.space.2-x}",
          "type": "sizing"
        },
        "xs": {
          "value": "{logius.space.3-x}",
          "type": "sizing"
        },
        "s": {
          "value": "{logius.space.4-x}",
          "type": "sizing"
        },
        "m": {
          "value": "{logius.space.6-x}",
          "type": "sizing"
        }
      },
      "icon-size": {
        "default": {
          "value": "{logius.space.2-x}",
          "type": "sizing"
        },
        "large": {
          "value": "{logius.space.3-x}",
          "type": "sizing"
        }
      }
    },
    "font": {
      "body": {
        "s-400": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Regular",
            "lineHeight": "{logius.font.line-height.s}",
            "fontSize": "{logius.font-size.s}"
          },
          "type": "typography"
        },
        "s-700": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Bold",
            "lineHeight": "{logius.font.line-height.s}",
            "fontSize": "{logius.font-size.s}"
          },
          "type": "typography"
        },
        "m-400": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Regular",
            "lineHeight": "{logius.font.line-height.m}",
            "fontSize": "{logius.font-size.m}"
          },
          "type": "typography"
        },
        "m-700": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Bold",
            "lineHeight": "{logius.font.line-height.m}",
            "fontSize": "{logius.font-size.m}"
          },
          "type": "typography"
        },
        "l-400": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Regular",
            "lineHeight": "{logius.font.line-height.l}",
            "fontSize": "{logius.font-size.l}"
          },
          "type": "typography"
        },
        "l-700": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "Bold",
            "lineHeight": "{logius.font.line-height.l}",
            "fontSize": "{logius.font-size.l}"
          },
          "type": "typography"
        }
      },
      "paragraph": {
        "default": {
          "value": "{font.body.m-400}",
          "type": "typography"
        },
        "lead": {
          "value": "{font.body.l-400}",
          "type": "typography"
        }
      },
      "heading": {
        "level-4": {
          "700": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Bold",
              "lineHeight": "{logius.font.line-height.m}",
              "fontSize": "{logius.font-size.m}"
            },
            "type": "typography"
          }
        },
        "level-3": {
          "400": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Regular",
              "lineHeight": "{logius.font.line-height.l}",
              "fontSize": "{logius.font-size.l}"
            },
            "type": "typography"
          },
          "700": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Bold",
              "lineHeight": "{logius.font.line-height.l}",
              "fontSize": "{logius.font-size.l}"
            },
            "type": "typography"
          }
        },
        "level-2": {
          "400": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Regular",
              "lineHeight": "{logius.font.line-height.xl}",
              "fontSize": "{logius.font-size.xl}"
            },
            "type": "typography"
          },
          "700": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Bold",
              "lineHeight": "{logius.font.line-height.xl}",
              "fontSize": "{logius.font-size.xl}"
            },
            "type": "typography"
          }
        },
        "level-1": {
          "400": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Regular",
              "lineHeight": "{logius.font.line-height.2xl}",
              "fontSize": "{logius.font-size.2xl}"
            },
            "type": "typography"
          },
          "700": {
            "value": {
              "fontFamily": "{logius.font-family.default}",
              "fontWeight": "Bold",
              "lineHeight": "{logius.font.line-height.2xl}",
              "fontSize": "{logius.font-size.2xl}"
            },
            "type": "typography"
          }
        }
      }
    }
  },
  "component/button": {
    "button": {
      "color": {
        "primary": {
          "foreground": {
            "value": "{logius.color.onEmphasis.foreground}",
            "type": "color"
          },
          "background": {
            "value": "{logius.color.brand.default}",
            "type": "color"
          },
          "border": {
            "value": "{logius.color.none}",
            "type": "color"
          },
          "hover": {
            "background": {
              "value": "{logius.color.brand.hover}",
              "type": "color"
            }
          },
          "disabled": {
            "foreground": {
              "value": "{logius.color.subdued.foreground}",
              "type": "color"
            },
            "background": {
              "value": "{logius.color.subdued.background}",
              "type": "color"
            }
          }
        },
        "tertiary": {
          "foreground": {
            "value": "{mode.button.color.tertiary.foreground}",
            "type": "color"
          },
          "background": {
            "value": "{logius.color.none}",
            "type": "color"
          },
          "border": {
            "value": "{logius.color.none}",
            "type": "color"
          },
          "hover": {
            "foreground": {
              "value": "{mode.button.color.tertiary.hover.foreground}",
              "type": "color"
            },
            "background": {
              "value": "{mode.button.color.tertiary.hover.background}",
              "type": "color"
            }
          },
          "disabled": {
            "foreground": {
              "value": "{button.color.primary.disabled.foreground}",
              "type": "color"
            }
          }
        },
        "secondary": {
          "foreground": {
            "value": "{mode.button.color.secondary.foreground}",
            "type": "color"
          },
          "background": {
            "value": "{logius.color.background}",
            "type": "color"
          },
          "border": {
            "value": "{mode.button.color.secondary.border}",
            "type": "color"
          },
          "disabled": {
            "foreground": {
              "value": "{button.color.primary.disabled.foreground}",
              "type": "color"
            },
            "background": {
              "value": "{button.color.primary.disabled.background}",
              "type": "color"
            },
            "border": {
              "value": "{button.color.primary.disabled.background}",
              "type": "color"
            }
          },
          "hover": {
            "foreground": {
              "value": "{mode.button.color.secondary.hover.foreground}",
              "type": "color"
            },
            "background": {
              "value": "{mode.button.color.secondary.hover.background}",
              "type": "color"
            },
            "border": {
              "value": "{mode.button.color.secondary.hover.border}",
              "type": "color"
            }
          }
        },
        "loading": {
          "foreground": {
            "value": "{logius.color.none}",
            "type": "color"
          }
        }
      },
      "icon-none": {
        "value": {
          "verticalPadding": "{button.space.vertical-padding}",
          "horizontalPadding": "{button.space.padding-left}",
          "borderRadius": "{button.border-radius}"
        },
        "type": "composition",
        "description": "Default button"
      },
      "icon-right": {
        "value": {
          "verticalPadding": "{button.space.vertical-padding}",
          "paddingLeft": "{button.space.padding-left}",
          "paddingRight": "{button.space.icon-left.padding-left}",
          "borderRadius": "{button.border-radius}",
          "itemSpacing": "{link.space.gap}"
        },
        "type": "composition",
        "padding-right": {
          "value": "{padding.icon}",
          "type": "spacing"
        }
      },
      "icon-left": {
        "value": {
          "verticalPadding": "{link.space.vertical-padding}",
          "paddingLeft": "{button.space.icon-left.padding-left}",
          "paddingRight": "{button.space.padding-right}",
          "borderRadius": "{button.border-radius}",
          "itemSpacing": "{link.space.gap}"
        },
        "type": "composition",
        "padding-left": {
          "value": "{padding.icon}",
          "type": "spacing"
        }
      },
      "small": {
        "no-icon": {
          "value": {
            "verticalPadding": "{link.space.vertical-padding}",
            "paddingLeft": "{button.space.padding-left}",
            "borderRadius": "{logius.border-radius.default}",
            "itemSpacing": "{link.space.gap}",
            "paddingRight": "{button.space.padding-right}"
          },
          "type": "composition"
        },
        "icon-right": {
          "value": {
            "verticalPadding": "{link.space.vertical-padding}",
            "paddingLeft": "{button.space.padding-left}",
            "paddingRight": "{button.space.icon-left.padding-left}",
            "borderRadius": "{button.border-radius}",
            "itemSpacing": "{link.space.gap}"
          },
          "type": "composition"
        },
        "icon-left": {
          "value": {
            "verticalPadding": "{link.space.vertical-padding}",
            "paddingLeft": "{button.space.padding-left}",
            "paddingRight": "{button.space.padding-right}",
            "borderRadius": "{button.border-radius}",
            "itemSpacing": "{link.space.gap}"
          },
          "type": "composition"
        }
      },
      "space": {
        "small": {
          "vertical-padding": {
            "value": "{logius.space.compensation-height.small}",
            "type": "spacing"
          }
        },
        "vertical-padding": {
          "value": "{logius.space.compensation-height.default}",
          "type": "spacing"
        },
        "padding-right": {
          "value": "{logius.space.2-x}",
          "type": "spacing"
        },
        "padding-left": {
          "value": "{logius.space.2-x}",
          "type": "spacing"
        },
        "icon-left": {
          "padding-left": {
            "value": "{logius.space.icon-side}",
            "type": "spacing"
          }
        },
        "icon-right": {
          "padding-right": {
            "value": "{logius.space.icon-side}",
            "type": "spacing"
          }
        },
        "gap": {
          "value": "{logius.space.1-x}",
          "type": "spacing"
        }
      },
      "font": {
        "primary": {
          "value": {
            "fontFamily": "{logius.font-family.default}",
            "fontWeight": "{button.font-weight}",
            "lineHeight": "{button.line-height}",
            "fontSize": "{button.text-size}"
          },
          "type": "typography"
        },
        "secondary": {
          "value": "{button.font.primary}",
          "type": "typography"
        }
      },
      "border-radius": {
        "value": "{logius.border-radius.default}",
        "type": "borderRadius"
      },
      "border-width": {
        "value": "{logius.border-width.default}",
        "type": "borderWidth"
      },
      "text-size": {
        "value": "{logius.font-size.m}",
        "type": "fontSizes"
      },
      "font-weight": {
        "value": "Bold",
        "type": "fontWeights"
      },
      "icon-size": {
        "value": "{logius.icon-size.default}",
        "type": "sizing"
      },
      "line-height": {
        "value": "{logius.font.line-height.m}",
        "type": "lineHeights"
      },
      "size": {
        "min-height": {
          "value": "{logius.size.m}",
          "type": "sizing"
        },
        "small": {
          "min-height": {
            "value": "{logius.size.s}",
            "type": "sizing"
          }
        }
      }
    }
  },
  "$themes": [
    {
      "id": "a99df459f03533a690b4689febcce7a972b217c7",
      "name": "default",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "core": "enabled",
        "semantic": "enabled"
      },
      "$figmaCollectionId": "VariableCollectionId:202:613",
      "$figmaModeId": "202:0",
      "$figmaVariableReferences": {
        "logius.color.grijs.100": "517d43c440441705114ed18100952fe866b26b9a",
        "logius.color.grijs.200": "456446c15d0c927aed0189068da5d0f1da048974",
        "logius.color.grijs.300": "bc344444d01f25ee1f2e54aa3df699226aa65b89",
        "logius.color.grijs.400": "f0af093698077d20a7746994092537fc6985174f",
        "logius.color.grijs.500": "189953542a17f476e15f6482a7c16ccd03056a61",
        "logius.color.grijs.600": "9aceb31a5e5f95affc3ca1b450ea3f56a908cd45",
        "logius.color.grijs.700": "f66deac8e9637f979d052d03fae7d02c069c0781",
        "logius.color.grijs.800": "bfa690baa9708c63b6d34ed6fc44fce300d391f8",
        "logius.color.grijs.900": "309c93a118df4cf7e5de3abbc610e4f8dd44c483",
        "logius.color.zwart": "06eaa365cbd8b3b267fbda880840837b4bc76cc5",
        "logius.color.wit": "7da91a2b65d2c16330d2f4d456e146b5877f3c74",
        "logius.color.none": "064cc127330fec91b121a6ab1596e4edf3e19240",
        "logius.color.lichtblauw.100": "b1194a67a1b6acdac2c19256859cc86e9dedde50",
        "logius.color.lichtblauw.200": "bac52b92e1d9d7fc5796b8a66b32eedd339b9773",
        "logius.color.lichtblauw.300": "59f2844f4a05bc4fa97ce71811192259cd032a10",
        "logius.color.violet.100": "5c646e94f90fb36f89d950c1cb3909c2f44921e2",
        "logius.color.violet.200": "384da70aa29b8cd9b43362af6e3bb130e9a9a507",
        "logius.color.violet.300": "40bc2ab283becaf1057cc006671c9255020fc880",
        "logius.color.violet.400": "bc44278638313e1e188f810ffe7105636fa4349e",
        "logius.color.paars.100": "f9842f231d794d765cfb08e9f29d3ae9755047ae",
        "logius.color.paars.200": "f53caa7b073d9f67d6c468b9084d619bf475be4f",
        "logius.color.paars.300": "8fecd5c8ba34a900f427120ca3addc4ac7773e70",
        "logius.color.paars.400": "a5a67881f198f31f69962476030a9bdb1af5db3e",
        "logius.color.hemelblauw.100": "84d5ab23643a7e3026a038684eed1aa40f521820",
        "logius.color.hemelblauw.200": "591e1ac445c44d3d2f7ca624bcb944118d617b7a",
        "logius.color.hemelblauw.300": "f397c24c6fc0a9b56befd99fa1fcb6fba0050a39",
        "logius.color.hemelblauw.400": "58b78f854e0baedebd3059104d6bd09205731a7a",
        "logius.color.donkerblauw.100": "3f896b4a73c1f85191ecabfaf5f9a1bf66cc9441",
        "logius.color.donkerblauw.200": "edae3e953f5bccf5d6edbed0babe2dcaaadcc04b",
        "logius.color.donkerblauw.300": "40efbeb579be8d6c8bc66045c68d69c55d733245",
        "logius.color.donkerblauw.400": "f3311c91078a9a08f7487d69e6a5dcb6afc455a8",
        "logius.color.mintgroen.100": "da326193b5295c751a71a2112c863ea299c1b117",
        "logius.color.mintgroen.200": "f4404e831d96af11608cf381710b5b627443faf1",
        "logius.color.mintgroen.300": "63062515aa3ae62210e3a03e80e8d3b6e66dd7de",
        "logius.color.mosgroen.100": "b5f21e1a9754545ec859315d9721adba698bea3e",
        "logius.color.mosgroen.200": "4084f1dadad2e71ffd3ac2af7cf62c8036f6187d",
        "logius.color.mosgroen.300": "356a5ae514ceaa369a9c87959b371ee7b1113327",
        "logius.color.groen.100": "970f8a452031ca12df41df7bc893a1abc7b48c1b",
        "logius.color.groen.200": "622c8584b71562dc86b18f915fcbdafb65173b68",
        "logius.color.groen.300": "d747adf3060467f9c672c59a2d641caa78e5b265",
        "logius.color.groen.400": "368853bde056b042b60305964a1d14dfdfac3da1",
        "logius.color.donkergroen.100": "bc069d187d722eb17ddfc24a683d4638c39a878d",
        "logius.color.donkergroen.200": "48ed6dcfe50fe7a8fa70f1e35d96ba66ce82c265",
        "logius.color.donkergroen.300": "83958b047387ef0a5d528cab4a564b67db1d3ffc",
        "logius.color.bruin.100": "a5013aaedb8233866ae9e5763dcf68961c10817a",
        "logius.color.bruin.200": "6d5c0d081e09cfd3c823e4ececd635695ab92395",
        "logius.color.bruin.300": "8b65b9876dd6320c36956ceb8ae7cae533e8b4a7",
        "logius.color.donkerbruin.100": "7028743eef40d2c270a90a003089c219debdd064",
        "logius.color.donkerbruin.200": "e8407ffaa471306874cb7171d9cbdda0d4363bc2",
        "logius.color.donkerbruin.300": "47bbc65c7c73da01739fc27b1b1989da34c3905d",
        "logius.color.geel.100": "be4c4e79927e1a9de05f447556e54702253f9967",
        "logius.color.geel.200": "0c085d0fd876402b90352fe2088a8ca92bfeb83a",
        "logius.color.geel.300": "f0b7c8af635ca0fff0a2a1886875417e2ab94c75",
        "logius.color.donkergeel.100": "e47b5f004865d7c4d940fe6265ffe9c0b1f7e72e",
        "logius.color.donkergeel.200": "0b64b1fb156616c3acf1535e5143fc1d15b3bad5",
        "logius.color.donkergeel.300": "a9ec51536639d5cf13ecd717c58b8decd9991dc9",
        "logius.color.donkergeel.400": "25eaf988be9eab334716bb39b76c7e8ea9c57392",
        "logius.color.oranje.100": "18e15137129386c3b465fa2f36f92f9d4a992b82",
        "logius.color.oranje.200": "d43d377cd08f788088c649ba1c1cfcdb6ce94576",
        "logius.color.oranje.300": "58ecee5302e5d7393d19bbe970e554396a7b6895",
        "logius.color.oranje.400": "5da38245c6e0ff7eb0990c416721bf9ea3c7ad36",
        "logius.color.rood.100": "10b298ce6ff2cb6b0605fa3e179ddd8e1308a6bd",
        "logius.color.rood.200": "006c480e789d821a60cfb390150ffd83ef85b725",
        "logius.color.rood.300": "1cdfb7d3ce55322155eb14a84a6517c54f34e92a",
        "logius.color.rood.400": "099c6a2fa621aaa4560d085fff305c629b3ae3e7",
        "logius.color.roze.100": "2cea29ae486585bcf11b95ef72ac707100475ab0",
        "logius.color.roze.200": "8b35c0ac416718c35b8ef898cf1c5241e3b10346",
        "logius.color.roze.300": "a52e40adb789514eb73b62b238db254ca925cbb0",
        "logius.color.robijnrood.100": "20cf0bfa5f5634043f52103025b18530dc590fe0",
        "logius.color.robijnrood.200": "0ab4de462db0651dc4126b24650ba9c536e881ff",
        "logius.color.robijnrood.300": "3e1cb9421ebbc556feb0fb294ff21249e79be38a",
        "logius.border-radius.default": "09ee521e744022900b96b416731ec41fd5bcd304",
        "logius.border-radius.circle": "1cf476b450840bb323bde12ef647864b75ebecd1",
        "logius.border-radius.none": "2c138dfae8e4c22d5d5d9478ef38ac96d0c7cd28",
        "logius.border-width.default": "d10605902f9178c22c597bab53b2480b36b52fff",
        "logius.border-width.m": "43a138eb3c65636639f3f93ee87592687e6b845e",
        "logius.border-width.none": "74831c1ae4f2ecb82c9355f0d35ed8b90986f699",
        "logius.space.0-x": "265712d5a34d308434a993ca0d209cc886dbc09d",
        "logius.space.025-x": "b9a6789349d6654bcd887a49209bd9ca844fe158",
        "logius.space.05-x": "948cb3038ae0cf984a7274b53342432cd9d417be",
        "logius.space.1-x": "2e9bca94b597b49175bd53aad117acc94338411b",
        "logius.space.105-x": "04dea01d60285f7d6e034f46b3715af52930e373",
        "logius.space.2-x": "f9893354dcda1b43ae5a936c88e2942d825cb64c",
        "logius.space.3-x": "8108c832737625c22009b29e3be4a8c5945432ce",
        "logius.space.4-x": "df1b9a522213e63ab354e17e183941e761e1915f",
        "logius.space.5-x": "820ad278cfb0261feca3f194a8a49b60a4022e8a",
        "logius.space.6-x": "4fec5150c280863c4971f07bff8dd90e8cc9d1e2",
        "logius.space.7-x": "5e71cecc526204ea1bddbc33000bb58e7d6861dc"
      },
      "group": "always on"
    },
    {
      "id": "a18504aa909f8765d81bb59f792bb291031f11a7",
      "name": "default",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "component/button": "enabled"
      },
      "$figmaCollectionId": "VariableCollectionId:202:826",
      "$figmaModeId": "202:7",
      "$figmaVariableReferences": {
        "button.color.primary.foreground": "551e52995d2f31b46ef05235655066c2664bbaf0",
        "button.color.primary.background": "73649622cebd1aebc02380e07804e7abf1bfc14d",
        "button.color.primary.border": "943446dcde4daf8285f5fe2c653eab1dc5b7a801",
        "button.color.primary.hover.background": "53afba0411d552b29f3bce7cf8f06af9efe8b536",
        "button.color.primary.disabled.foreground": "94bcd9db416a5810ee1392b7a0efefc026a1cf9b",
        "button.color.primary.disabled.background": "ba4d2b40d06994ee3b4a65cb83fc6d1100329937",
        "button.color.tertiary.foreground": "b84c35121d65af536ebb26b983ca3bfc9ff66e72",
        "button.color.tertiary.background": "eb421366a33204b44d7a477c8a12d58a6f456c39",
        "button.color.tertiary.border": "e8715e6c82b590e86db8f9a4c2cc198616e8ee71",
        "button.color.tertiary.hover.foreground": "ec36eafc77b93b49b2fffde19542a9bde784250a",
        "button.color.tertiary.hover.background": "593c6855010c9cf3a23b85b4817581abdf0c6b74",
        "button.color.tertiary.disabled.foreground": "9fd3c6cf55457065e47c825a1e205fa508796e44",
        "button.color.secondary.foreground": "03786550bffb11153fc21f43097d915f0ae766a8",
        "button.color.secondary.background": "767304b890090108c3aabbf39bfeae5af7600171",
        "button.color.secondary.border": "6b7af0619728e33ae1dac13b528f9c1c1e5b4768",
        "button.color.secondary.disabled.foreground": "c99cf09967f50b7b8192c902e728a3701559a933",
        "button.color.secondary.disabled.background": "c09021666717626ebc58c2ceadda748997743198",
        "button.color.secondary.disabled.border": "15b04833e7540b7d94e41c70aa37268f917bf881",
        "button.color.secondary.hover.foreground": "9265359d1e09b5bed97d489653e6b4580963150a",
        "button.color.secondary.hover.background": "e65a6011cffb0fde3f8921272591ac49a4f4c441",
        "button.color.secondary.hover.border": "f57c28aafc4551c3d5a97844be0ece493c28b826",
        "button.color.loading.foreground": "1e96e0809270c0bad2ce1dc497784b5f4852f496",
        "button.space.small.vertical-padding": "1d015127d7f1a8556920f313bec167c0fa8a7d69",
        "button.space.vertical-padding": "7ac503e1957a3695e74a45c2853e1a5c46d58025",
        "button.space.padding-right": "3645a2b6cede8cde8db64824b48d1b0f8ec797c0",
        "button.space.padding-left": "9389fb62a485c61ac6b9a9975d12d9c70cf07126",
        "button.space.icon-left.padding-left": "405b66cf13fade56af753da536c7f5dec25f5001",
        "button.space.icon-right.padding-right": "2b78b89af1195537376b4497629e6f14b0bf8d33",
        "button.space.gap": "1081cc099ea55e8ee14bebe31b96a1add5eae454",
        "button.border-radius": "b3c45dd777144056b21cecacab5e6874fc9b670b",
        "button.border-width": "0284438dc4222b631cea1deed90b58bb2476dab9",
        "button.icon-size": "bbf0c928fcca72a1c4968f8bfb9b05aa61d43f2a",
        "button.size.min-height": "7fc867a13fe759ae912faee01c337533cc8408fb",
        "button.size.small.min-height": "1e4e06b7ff63be297770a68a6413432e2cf22236"
      },
      "group": "component"
    },
    {
      "id": "60315acb9c82133759580124c5ba7498dc1b3ce4",
      "name": "A",
      "selectedTokenSets": {
        "product/A": "enabled"
      },
      "$figmaStyleReferences": {
        "body.s-400": "S:945b3429270c1a4418b1a976ab78a0d37a826e15,",
        "body.s-700": "S:f56df3c786dfc93aaae42684baed5e49b3169c88,",
        "body.m-700": "S:be7b46904b36f8f509712ebfa2731516361d31f9,",
        "body.l-400": "S:3af16afa95ea27590dd8eded8dfaca85f788104c,",
        "body.l-700": "S:72444ae07fa6bf211bd58e521127eec40455471c,",
        "paragraph.default": "S:738a401267d6ed4d362b337713949c88375b03e3,",
        "paragraph.lead": "S:747ba863ca2e2f5472b12399d27dccd1133297db,",
        "mobile.body.s-400": "S:50f7df751e1bb12d3be72eaa3bc9e127d14161c3,",
        "mobile.body.s-700": "S:6b3c2249c940ca63ed3661d49d3a4f24df4c1813,",
        "mobile.body.m-400": "S:b951e85b1f78e8b850de70e4ed4b50039c205fb1,",
        "mobile.body.m-700": "S:2dc3e04bc25a53dfe793e4d7dda8947a544fee84,",
        "mobile.body.l-400": "S:84b22fd3a91284ac819bda129e6d37cdcf61b8e9,",
        "mobile.body.l-700": "S:ec3058412a46bed51e4d8bc7da6eb4a30333d866,",
        "mobile.paragraph.default": "S:c06bb27146f5cb17ef339507afefc21e4c482d9b,",
        "mobile.paragraph.lead": "S:15cf0851b8a04037144abc261a483e4f0481abc1,",
        "mobile.text-style.input.label": "S:4b65e682becbb60745a9f77d59b3dd3d37ef8064,",
        "mobile.text-style.input.hinttext": "S:cd5755e42fcb5f54fc2e511487e18e8d92750ff5,",
        "mobile.text-style.button.label": "S:9c01059663bfb623e1cbbe38854e8211148eca29,",
        "base.grey.100": "S:51c3565c21c3e04023e674424320d174517282b9,",
        "base.grey.200": "S:5dc10a82dcc24e670a8a1ca7637fb347b7f2d8b0,",
        "base.grey.300": "S:cb60c70607327527a84769bf10e6cff9ab546db6,",
        "base.grey.400": "S:69bb351d2597cddfbb97b6d822b4d4b7bd0b4f2c,",
        "base.grey.500": "S:6fa966b933ed57ca43be90cd0c566ff1d98c62e9,",
        "base.grey.600": "S:dbc86028b47c587f2ec2cd4e28e886fc6ae6add7,",
        "base.grey.700": "S:9078d9b15060e12e61bd507704c5044717e84cf8,",
        "base.grey.800": "S:e587bfc26d874d1c1f8c5534fe48299b6e7ad1bf,",
        "base.grey.900": "S:67ad0c94d3940fcf94bc780155094076068ac6f8,",
        "base.neutral.black": "S:99eff11303597e46e7a694473b786386011ce682,",
        "base.neutral.white": "S:906db693c4b9eb451a2a35a6fc58730a89e072bb,",
        "base.lichtblauw.100": "S:5ffab7cca25196c93de7b2d4b65d1c5b7bc37a61,",
        "base.lichtblauw.200": "S:d5638a55dd7082572648781f52e717529cb966f3,",
        "base.lichtblauw.300": "S:6f51115a1aaf1b2c7ff33fe5cbd6463eee762a1b,",
        "base.violet.100": "S:981f2d1136e7e35bae22fab2aa3ba29ac9324d68,",
        "base.violet.200": "S:2b934220f9270a649985a490f2918face5babe07,",
        "base.violet.300": "S:0ceed6eaeb18908861fc60c28b992f5bb99d77dc,",
        "base.paars.100": "S:34a6f93d4d1697f415c447dc3b8ba419d0f101f8,",
        "base.paars.200": "S:f54812a6cd23941fc6a8c143415e29abe3269e3a,",
        "base.paars.300": "S:6df11b61d8e6c7684e129902ef6a15fdc5deee97,",
        "base.hemelblauw.100": "S:b6588ed7a901fc942df7c8a51792e702dc17c3bd,",
        "base.hemelblauw.200": "S:e65a1494ab19d6319a8c5e7e6f7cfa59ee0205ce,",
        "base.hemelblauw.300": "S:08ac48d38ec937cc350fb9e37b3a8b6375f8f530,",
        "base.hemelblauw.400": "S:a341f84c70770f175eb8c5c6cee1f33cf6876dbc,",
        "base.hemelblauw.500": "S:8cb375828296abb0cecde12023ee57105eb50e59,",
        "base.hemelblauw.600": "S:f776661f50f9996e933d157de112ff55e1e90e24,",
        "base.donkerblauw.100": "S:6815e45d0bea648518bb73b50ae265df52983d0a,",
        "base.donkerblauw.200": "S:59d57439b46964ec23300d722b9128c117f4235b,",
        "base.donkerblauw.300": "S:65ed1f08252acb2a99f56bb8a9e77d36b5e5e99b,",
        "base.mintgroen.100": "S:21396f5e82802ff462fe459c09738c7bc046ad44,",
        "base.mintgroen.200": "S:7a3e392e1e384428e4fb8011e27167492445610b,",
        "base.mintgroen.300": "S:078948823b9f2ab17f9a5e4fa6ee2a7515f701f0,",
        "base.mosgroen.100": "S:a09e264686e88cd34b3248fc1ff1b9d75878a163,",
        "base.mosgroen.200": "S:8f53219808d8f4a2df2e1e55b9fb67ac5067e1da,",
        "base.mosgroen.300": "S:cb8a64174b4838a2b53ff48990c9d9d1c6cf66b1,",
        "base.groen.100": "S:4ae5680d3cb0520eb4502b5cf11b81756168fdef,",
        "base.groen.200": "S:aef027ce3e26f72ba8cb6d748c883f85718b2c83,",
        "base.groen.300": "S:6eb8e143de37d70ec84e9f2f8a76cb370f8984b0,",
        "base.groen.400": "S:43d3920c4b407a469d75700388bcda43e6c2efa7,",
        "base.groen.500": "S:9709a232a0a150fe46bd788a8afc3f0775ad32f4,",
        "base.donkergroen.100": "S:4575657c925c55c7fa558e3c927a0611e5debeed,",
        "base.donkergroen.200": "S:d3a8bb186d94c11f0fe292cc8d53d252ee3d1b98,",
        "base.donkergroen.300": "S:92e201007379c96e2930bdfb1fb6bf2c2d16ac12,",
        "base.bruin.100": "S:b725db55be7b88bec44a6f01c53d9e0f39f18e96,",
        "base.bruin.200": "S:e55b83161d1768dea2b7706c21928ab5bf477d35,",
        "base.bruin.300": "S:2a4ee7b9a096b9534b901f5523a897b81c038885,",
        "base.donkerbruin.100": "S:f7577000f99eab0ff72502e1a685815b0c7c6e4c,",
        "base.donkerbruin.200": "S:986d6288e07902a2022d3d920ab0dc7552bb40e8,",
        "base.donkerbruin.300": "S:aa9432fa8b454627593117304abd579f15826ca1,",
        "base.geel.100": "S:d356c8bc81f11096e2f7af29277b189555f48b7a,",
        "base.geel.200": "S:b474de27b3a4d9a20cc6bbb00e085df552a37a3d,",
        "base.geel.300": "S:98dfd5dde800f8e2dd115f1166f3b57d037fdfb1,",
        "base.donkergeel.100": "S:016300f7b78d4fef1b3d986bdb7cd6464dcb0a71,",
        "base.donkergeel.200": "S:38026d6a037cc2d2a53a296548b8c1eba21346e3,",
        "base.donkergeel.300": "S:014610df5985eed432441b8384017a09410bd199,",
        "base.oranje.100": "S:1eca9c1a51e60ade74839ccbe9504d78dfef3a0a,",
        "base.oranje.200": "S:8469f3d4f5ab2e78e62cfeef18132fdf9d888738,",
        "base.oranje.300": "S:e4a77834a2aa43190f73dd787ae29157c16e8eb4,",
        "base.oranje.400": "S:97dc5c84b364f41b209237c5946f9152a5965bd6,",
        "base.rood.100": "S:8cb03238abaa812e7d3dd89ddee13353d6d4814d,",
        "base.rood.200": "S:e599a47387d40243bdbfcdb63b775d72fa5928d1,",
        "base.rood.300": "S:96609e51af1247e8031ec96778af6f22b57ceb89,",
        "base.rood.400": "S:0b7c46d134706b47e1ced5b3b72cbd7e05dc8327,",
        "base.rood.500": "S:7bf6fb367524827e705a1c9d8e1838056a7114ec,",
        "base.roze.100": "S:b27c545d1dd4d957cd61c2b3de0e087c4f8647bd,",
        "base.roze.200": "S:20858a8e10ff930d7d5f7acd89c1b62fdef572d3,",
        "base.roze.300": "S:fd8dd913993bbe7f37c1fc72c1953b3d05a3645d,",
        "base.robijnrood.100": "S:582240ff931d7cab40169828e2d6e187899b5717,",
        "base.robijnrood.200": "S:458e90b70823847271119e6d3e89da5b05f38212,",
        "base.robijnrood.300": "S:78d5c5e5c6cbac7dc5e218eb9367c8af692bf4b7,",
        "semantic.disabled.100": "S:2356e6c3530804e7d76a8f03f8285ed4ce5ed4b1,",
        "semantic.disabled.200": "S:12310c920ff964bc97e8738f7f7c061a47d850eb,",
        "semantic.success.100": "S:f142938ac849659513463591c38820b218b1230a,",
        "semantic.success.200": "S:a7dfb0e548dc56171d9e4c5eec14d4c6f8edfe91,",
        "semantic.info.100": "S:99bca1df5086fd3db1f71691af8edcf0c2f1bbdb,",
        "semantic.info.200": "S:d876cdf9882956ccb6fac51243f33f28414d0560,",
        "semantic.error.100": "S:d2f78ac803f16dcb221a3738196012e49ede7d2a,",
        "semantic.error.200": "S:67abbf430f60315fa1896bb239457b7f8cfc997a,",
        "semantic.warning.100": "S:2a88a1f2cbdacc2dfa5b1fb3897cf1f34202536a,",
        "semantic.warning.200": "S:adea74e3255c6d68e71adbe27de5452b723ad2bc,",
        "semantic.highlight.100": "S:d16dc51180bbb8c94aaceb37daeb0fbc23cb03dc,",
        "semantic.highlight.200": "S:67a09163339803dcab67868ca7fc988b32ceb047,",
        "semantic.neutral.background": "S:de9d05c01c7487374461ba90b043debaf4dabe51,",
        "semantic.neutral.background-medium": "S:e5f473cee701ff0275a3ba70069457ac6cd14561,",
        "semantic.neutral.background-hover": "S:81b69b4de4b8d3d458c709bada67b39849120315,",
        "semantic.disabled.border": "S:0b652747e98f0bd8339ed80930bd17d0e41a2753,",
        "semantic.disabled.background": "S:64608b16f19abfe4f0fad7c1aa70633a34d66d00,",
        "semantic.inverse.text": "S:fbaf7f44176d87c821acb3823edcb6e747bfe17b,",
        "semantic.inverse.text-link": "S:32aac6544eeb1018f7154b70b04b824663e3e338,",
        "semantic.inverse.background": "S:66ecdba977d97e157b4ba36cbbdaad201d23b800,",
        "semantic.inverse.icon": "S:1ddca0ad13497d9bdd1e1f040e3b1828e9d6df2c,",
        "button.primary.text": "S:8b710d47c51d62e3dcd3e54771383ba4a2553c2b,",
        "button.primary.icon": "S:7c62f654313ccbdd9faeb71cd10edeccac6efab8,",
        "button.primary.background": "S:7abb31d8bd196989c45c6b03392bf3108c76b3de,",
        "button.primary.border": "S:d069d1df2c4a84323eb0078e97cd2fedcdeb0b58,",
        "button.primary.hover.text": "S:b7b20d59bc7877358dc6d41b6ceadf2686cf2f29,",
        "button.primary.hover.icon": "S:9faffd509bed3a4032c53fcfe01ad1c12fa08890,",
        "button.primary.hover.background": "S:340c7efeb9956ab16f9f57da45f148452f089e10,",
        "button.primary.hover.border": "S:2731ab1f3bf74a0127dac0ae4642489e69294de2,",
        "button.primary.disabled.text": "S:378ce798cb1ea2ae162b94794a8299fa293f5dc8,",
        "button.primary.disabled.icon": "S:f49a80b49a18bf24bc40901dc1d952ed699d9260,",
        "button.primary.disabled.background": "S:da54db913addd2d04355733ec51dbcae4df09832,",
        "button.primary.disabled.border": "S:bae881c25bfc5fef9945313470e3deeebe9ac0c9,",
        "button.tertiary.text": "S:34479b21a916ee0603f409f5e0fd9602c0403d3e,",
        "button.tertiary.icon": "S:38886a04ccba10e967547809c1a51382a96be9cb,",
        "button.tertiary.background": "S:4d74f056286416099c1ea76f2ee7b9c13f0b222e,",
        "button.tertiary.hover.text": "S:db178a69683398bd4c85d32aa1c6a58d7f95399d,",
        "button.tertiary.hover.icon": "S:71b4e18ffeb93a5d5f140686f0f650296eff0dca,",
        "button.tertiary.hover.background": "S:de7cfb578cde273a5f5a5354aa68a8e0736329e9,",
        "button.tertiary.disabled.text": "S:b21372f32014480362a0832724cd2a2001aa0afe,",
        "button.tertiary.disabled.icon": "S:49de7ee4479ea6f2776a0c67403fe3d5e6ee9136,",
        "button.secondary.text": "S:e2ada3b10941e60ab147b6799c22d1aa2e01895e,",
        "button.secondary.icon": "S:1b3ddde86745fe393648e1d6322b2fbfa99492ef,",
        "button.secondary.background": "S:ad1395eea0a560388fb535d658153337582d1b6c,",
        "button.secondary.border": "S:3843334a5fd5a153cc689b190c8f304174a9a437,",
        "button.secondary.disabled.text": "S:4097c051300deb4c760811725ad82a88fd1173e0,",
        "button.secondary.disabled.icon": "S:57897618950ff3956296ee07d2cebb45025fa9c0,",
        "button.secondary.disabled.background": "S:fcfe246008948dd6aa08521b616b0944e1f2ad8a,",
        "button.secondary.disabled.border": "S:6999746f621e677a67dd5a2682ec2ce15bf23aab,",
        "button.secondary.hover.background": "S:669f9b36da12770b6ae1ebac346942e41ff98197,",
        "input.controls.disabled.border": "S:524e62c44af5ef0cef5305fb3960b7b85184d1d1,",
        "input.controls.disabled.fill": "S:5eb9c969ab03fb05ac7167bb8a34b948d22d28e5,",
        "button.primary.text-color": "S:274627294a8c0b5cd9511a0e362d726a68024c2f,",
        "button.primary.icon-color": "S:cafbd37f7b75ef62cd55213ee599a36f39c6b8b5,",
        "button.primary.background-color": "S:c8382af03eaf6a88a6450bf1c270dd837af0391a,",
        "button.primary.border-color": "S:5655e03a230e9d61593d1137a611773788bf0a27,",
        "button.primary.hover.text-color": "S:19050b061e108d1bb652697135e8b0457e3aa4f4,",
        "button.primary.hover.icon-color": "S:967924210667f4da19f3f655c5365c40c3226828,",
        "button.primary.hover.background-color": "S:b48ca9856e690932af9ee72f07f4c2a5ebcad0b5,",
        "button.primary.hover.border-color": "S:c81ead58459aa6b076ca295fc1dfb4a8e805a146,",
        "button.primary.disabled.text-color": "S:3227756c026971e86a63bc8e162a0a532fe673a8,",
        "button.primary.disabled.icon-color": "S:dfecaac7745dad23a43f53db911caeabe238b9dc,",
        "button.primary.disabled.background-color": "S:7ba3c8dd7fd80881cb2deba82c0136151abbe06d,",
        "button.primary.disabled.border-color": "S:0b1b4f529c1c104a62b0e4c0430fa879910c9adb,",
        "button.tertiary.text-color": "S:52b82865d9fa3d4dad8d55abb755e9796d024aeb,",
        "button.tertiary.icon-color": "S:c48e04565025540a78a33020ec0c164fa96cc5c0,",
        "button.tertiary.background-color": "S:94790b4848e817e4a26fca500ba20635a11e4d1d,",
        "button.tertiary.hover.text-color": "S:9e49d54fb18a3777d31a00f9a4a312c3d0adc35f,",
        "button.tertiary.hover.icon-color": "S:66e43bbae05794d6edc1d49495d277e00980f4e0,",
        "button.tertiary.hover.background-color": "S:7752e3b4b4d4fbf2c07f966278fe4dc5f6999d1e,",
        "button.tertiary.disabled.text-color": "S:2140baee9f114e9e8d54d752f1deed44dbdf3dc7,",
        "button.tertiary.disabled.icon-color": "S:51f833e804d9794ec7d0813236df7b6644384b4b,",
        "button.secondary.text-color": "S:5cdea488cc170c16fc905acaf56f906985e932a3,",
        "button.secondary.icon-color": "S:489c744d2dcef14b281755dd3c287930c0a10079,",
        "button.secondary.background-color": "S:8deb682cda98dd42782e6d35d9725e9567dd2869,",
        "button.secondary.border-color": "S:c8aaf95cff67c60c6d3c247573aaafc4dfb865eb,",
        "button.secondary.disabled.text-color": "S:7cf10f3707ef23aabc75f9c57010e87febabfb94,",
        "button.secondary.disabled.icon-color": "S:a9ec0eba30d2098f56439b4cb651f68e859a301d,",
        "button.secondary.disabled.background-color": "S:03d9be466e36ee45c7d84b6940e77a7fe4b3e831,",
        "button.secondary.disabled.border-color": "S:383b2d8130128df0c4e26ed303705eb582f9e83c,",
        "button.secondary.hover.background-color": "S:6c7af2965e42cef0e84084e585cd7b209e59db8f,",
        "body.m-400": "S:fea26da94252cc95a80d363f897b8c5946682073,",
        "semantic.disabled.fg": "S:c5652cd832e1569860bd00a97fb954ab20f6867a,",
        "base.neutral.transparent": "S:b0d8af88d15a637df30ef7cf850da04c54c8bdf2,",
        "heading.level-1.400": "S:3daf42855ed6203526bf32321a9c6d5df89ebc79,",
        "heading.level-2.700": "S:6fd51fb3ab273cf930529e71117ba77edbb26001,",
        "heading.level-2.400": "S:bb7f1887eabd4dae0c84910ff4b00ebdb9341552,",
        "heading.level-3.400": "S:6bda068587c9536a23c2d8301fd5aed40a7c141d,",
        "heading.level-4.700": "S:a47cc881c0a156e22590e010c2b578e09ef2457a,",
        "heading.level-3.700": "S:af595e9cfbd85461916eae97ff4890557da637c1,",
        "mobile.heading.level-4.700": "S:812f161b81a865fef689d8778389a97aa70db63c,",
        "mobile.heading.level-3.700": "S:e624ede96d8068c5d50a154c75ab49a4350a82a5,",
        "mobile.heading.level-3.400": "S:265eb46e6a219366d1b923747cf65407903059dd,",
        "mobile.heading.level-2.700": "S:4d708427fb0516960a51fbc0e6885556c856226a,",
        "mobile.heading.level-2.400": "S:55653455f7e63fbb5950311608995336772b869a,",
        "mobile.heading.level-1.700": "S:8dcf9f13c86b87a0bb0aab55c5ac06617c71bd6d,",
        "mobile.heading.level-1.400": "S:79abd7ee8dadda96f7f3c8529b53002899bc0807,",
        "color.secondary.fg": "S:0741117569ed36bfe5c8feae1357fefb25c34a2e,",
        "color.secondary.bg": "S:080f13b4ab72dc3b85e0d842a82e735fac646340,",
        "color.canvas": "S:b16b91a4799b4dbfc5c4caed8a15e8059a234be6,",
        "color.brand.hover": "S:380d89872404047e6b2f54bae7bb57a7713a7dc4,",
        "color.feedback.success.default": "S:d884f1ad7dc2c0c44a66bfa04627252c98bc7954,",
        "color.feedback.success.subdued": "S:09ac72a6dd5eed3a4f7d8de1da0c4a96fc64f8d1,",
        "color.feedback.info.default": "S:5dfdc625da2f359d8333c6296abed321b76ce606,",
        "color.feedback.error.default": "S:633b67da1a41462e8e93502e9489d9a3bdc837c8,",
        "color.feedback.warning.default": "S:d23a65c24adce66502ab36c870dbe9aca0313863,",
        "color.feedback.warning.subdued": "S:7bbe52e91affde91b743ea183549ae0ff44c0904,",
        "color.feedback.error.subdued": "S:79ee2786f8f3f19e4ba311ea8ed5aeac40011d4a,",
        "color.feedback.info.subdued": "S:6da02ef54603ef2bf3cbce6efc60dbf9ea51c723,",
        "color.brand.default": "S:959005590ad60ed08b799860fe5ce9056875e112,",
        "color.border": "S:2d7f942d2e78a2ede7ab72ecb468ccf9fbd8ecd5,",
        "color.subdued.border": "S:cbda57b216422ccf4d56906a96fda458763bf2be,",
        "font.color.hint-text": "S:9ccb31eaa700e32a539380c64d63cbf0b092a5e9,",
        "forms.input.color.disabled.bg": "S:b09c2dff261870017e0d7124da9a39045f8cc690,",
        "forms.input.color.placeholder": "S:a1c7783e60f1f19db6e5505a293613fd828bbd08,",
        "forms.input.color.bg": "S:f3d409cddc8627b6278f0a8a2b83c00483a6e47a,",
        "forms.input.color.border": "S:6cd56382fb14c74e72e9f0259e917d2529ed81a7,",
        "forms.input.color.disabled.border": "S:a075e6132c61c9f6495107aaca9cf727adbb3c12,",
        "forms.input.color.disabled.text": "S:2858fdb08bd0304a075e006e399863283761907d,",
        "forms.input.color.error.border": "S:de3e1340430fcde36639c03faad63db1af1ec563,",
        "forms.input.color.error.icon": "S:3edce309496bc39dbf7e6da37307659d80dd2217,",
        "forms.input.color.focus.border": "S:676004ffec1277556984cd5263d443574381a29b,",
        "forms.input.color.focus.fill": "S:c2b9c481d22969f7c2891c3d9751a211ba764986,",
        "forms.input.color.disabled.fill": "S:a0b20670aff481c7e7c2a7ec0f1c59d5196ff00a,",
        "forms.input.color.selected.fill": "S:07782ec3dd2ab05f1541bad2b6d6d2bd65d16d21,",
        "color.brand.subdued": "S:39b320645f4d4129756f48b07ec583d969a0c6f8,",
        "color.grijs.100": "S:4607b2ad510b99aea7c64708b7378729920e0ffb,",
        "color.grijs.200": "S:d4736f6384415f28c3b68233832cd771e4c8ae55,",
        "color.grijs.300": "S:dd226b5f9646539ccbfa011c5a58bacba2015990,",
        "color.grijs.400": "S:8e9e36d61b878e14951ad3bbe4306aee2f7b312d,",
        "color.grijs.500": "S:f14818cb43dd323571874d20a8adb7e885cd5a45,",
        "color.grijs.600": "S:8372ea81362f521d8d4124b5b167a9344360d654,",
        "color.grijs.700": "S:c38dd14fd2dd6cc97f97c7261a3549fad5cd5536,",
        "color.grijs.800": "S:3acf53702da76edbb33dafa2b2e90a56834d3d20,",
        "color.grijs.900": "S:229d79d4bbfe76b29472b260a6aa8c3b24c18d1d,",
        "color.none": "S:30eb990e4ac63b8106a79e81f9b0e3db477358f1,",
        "color.lichtblauw.100": "S:2ee6c46ba10fedfaa486bd12c76eaa02ff487e72,",
        "color.lichtblauw.200": "S:afa829911326cc0a4dd86d6abe49b387470295cb,",
        "color.lichtblauw.300": "S:f50dd14b2f88ebc0da1c2702d1a4ac17e6693b10,",
        "color.violet.100": "S:8518d301aab9bb915037c6e05457367692d72ea4,",
        "color.violet.200": "S:d53a0c1adeff25e45d19f8d17548f3c512ce7f36,",
        "color.violet.300": "S:995538d79652702b9cdfb8044c73985c829f106c,",
        "color.paars.100": "S:90e9dbf1adbc78208318f87c58b245165c3b21a8,",
        "color.paars.200": "S:20891c03c323aa42dad9927611f7a3bfa3d7a03e,",
        "color.paars.300": "S:4f4c65c1550f0bae54c89ca552e19dcc181c5ccd,",
        "color.hemelblauw.100": "S:02c590939e23a9ed6eae829b8a56104acd8cdcb4,",
        "color.hemelblauw.200": "S:cd39f38ccae46de44c02e0d48d7f4ed9acbee052,",
        "color.donkerblauw.100": "S:7c8fc392508eac0b4eafb23608aa7ac120841bdb,",
        "color.donkerblauw.200": "S:62fbf0dd7522c261cdfd557a4c52a4c0ad56f912,",
        "color.donkerblauw.300": "S:caa6caef051252c50212eb6c333f68e5e511444b,",
        "color.mintgroen.100": "S:f15d951a9223e8ac3524dc390c22b96576a3d1c2,",
        "color.mintgroen.200": "S:266f9d419df2732b5defe9fbdfcdb220afb30a54,",
        "color.mintgroen.300": "S:8010c51dcd3e2699daac5f0b602faa3279e76a6e,",
        "color.mosgroen.100": "S:6159720e7a96ef0c7f4a7c27213aaff191dd4665,",
        "color.mosgroen.200": "S:d846321584dc71a528c28323d4fdaad14a2dab08,",
        "color.mosgroen.300": "S:f290ec1e27058cc677a366ab58b274f01421c622,",
        "color.groen.100": "S:027ddbc2e8d3bd7cd434e7b77bca3ebf2c6f66b1,",
        "color.groen.200": "S:50cf3862fb70fc4c2a16c4489bfbbd00d0ed7715,",
        "color.donkergroen.100": "S:54a57d3bcb11878934d87ff8823b0e4136f0b9dd,",
        "color.donkergroen.200": "S:14bb4862e7295e7d6e1ea5170d591e86746e1e09,",
        "color.donkergroen.300": "S:1b1a73699fd776d1dd85bbb99c20164d57f7e160,",
        "color.bruin.100": "S:24cae382d7377f9a49a5630891e0df9ba413f886,",
        "color.bruin.200": "S:fa25b8f74aea8376b62e4b6339a6d6a095ef1f5b,",
        "color.bruin.300": "S:f307bc77f10601867430b3c6fb76404e47c5273a,",
        "color.donkerbruin.100": "S:050c926a2d6ffed4a4a6edb7be43b6c9a6c84740,",
        "color.donkerbruin.200": "S:40aaef394545bb31b92638a2c3e119de97aca865,",
        "color.donkerbruin.300": "S:ad44303a84009989eff8288bb1e058e2ad8a7f79,",
        "color.geel.100": "S:4672688b91335c0fe9d4b11ff3e0d4c15dfe8c15,",
        "color.geel.200": "S:228565c25cd20450d0d419967d782b44265d574b,",
        "color.geel.300": "S:b4aec216fdfec8d8612eab3b1ef88a5f95c76f1e,",
        "color.donkergeel.100": "S:628443e948ca566f94a3209c1b1a947544f2db1c,",
        "color.donkergeel.200": "S:6cb77e1c593fa6415cac034b3e123514c23ffab4,",
        "color.donkergeel.300": "S:ea748d004f89edc21f5bc8e45d3206db17fd859e,",
        "color.oranje.100": "S:03348317851639034aded51b4765d796357a816f,",
        "color.oranje.200": "S:977ad8e794a60a67b33b85b2959c0c066f776c0f,",
        "color.oranje.300": "S:00d9edc8a0b0b596dfc8546a9b26788613c0512c,",
        "color.oranje.400": "S:6a74639f9660a5243521e78d066b3201d314248b,",
        "color.rood.100": "S:9c2aa23b87408866d9910f933a0780f05c85dd25,",
        "color.rood.200": "S:90f70e11c6f9ed238a2f22f3091fe996d0d972ad,",
        "color.roze.100": "S:fb005d2d7c9399afcb54efbed9e8dd07802880db,",
        "color.roze.200": "S:735676ce0c8636046c0090f592391a5f3661aa56,",
        "color.roze.300": "S:7b5685122f5b8a3132263a29c0e0b004ab8bc6c3,",
        "color.robijnrood.100": "S:8daff45c990c4f8d43ef4e5e7e637f41e91d39fe,",
        "color.robijnrood.200": "S:0415fb3fcf2eecc3351c2e4af23640a0e76393c6,",
        "color.robijnrood.300": "S:6f7ebd85ab4f9c4185c3c2ecd97e7614ef555c7d,",
        "forms.input.color.hover.border": "S:98b318aa03ec7472933cfc2051a69a46fb7c8cba,",
        "color.violet.400": "S:2be63f22226b98bc9a0641e567f7c11a9d44b172,",
        "color.paars.400": "S:edb88942f97a0e0d28922a0a2fb1c8a4eb4818cd,",
        "color.donkergeel.400": "S:bdb58053e7eec2bbd2092f56c10c9fe0d24d182b,",
        "color.rood.300": "S:561ddb8bc9efe95a89c68dd7d4d54abed772526a,",
        "color.rood.400": "S:e86bd705895d848d3fe48e78d221c758b62727c2,",
        "color.groen.300": "S:773d28d6ce2842cc1c22b2b1fb51ff7eb35be581,",
        "color.hemelblauw.300": "S:baced55b2673f9014a035b55f4da3475c25e183b,",
        "color.hemelblauw.400": "S:40f0c550dc86f1cea13aba0d5f691009b897c59f,",
        "color.zwart": "S:08b16ac78bafad6a925b0ea2389943278898ebfe,",
        "color.wit": "S:a0138b73dd5897f67cb9942dc7816820f53da34b,",
        "color.donkerblauw.400": "S:5fb2e73be6bb12aeddbaf8fea3bf45393555afd8,",
        "shadow.default": "S:066be6a2f054efebd1942300c0b97ec568a3b83f,",
        "color.groen.400": "S:3f0afb77e4c24e13fb23e8536c1f3f89fef3ec1a,"
      },
      "$figmaCollectionId": "VariableCollectionId:202:702",
      "$figmaModeId": "202:1",
      "$figmaVariableReferences": {
        "product.color.brand.default": "f5f67efde523a292c3e4847e9acf67610d2ebaba",
        "product.color.brand.subdued": "bfd5b6e957ca1f761a4e73a663142fb4b6913607",
        "product.color.brand.hover": "ac90e0d6ed28a9b31de2d755f8ff309e3a203cdf",
        "product.button.color.secondary.foreground": "ced1a9248b2a2ddc81bf9af5c01360d57f72e064",
        "product.button.color.secondary.border": "1d8305373565b7740b3bd8e0ff12e40dfb8817a1",
        "product.button.color.secondary.hover.foreground": "f4334c269e6ae3b62732f91ec5b95dd2b5973de0",
        "product.button.color.secondary.hover.background": "42679910b4d6f294d5f7086e84a99f92e9d4558c",
        "product.button.color.secondary.hover.border": "22f2506a1fa7efa6a66ab1fc4851f888d1db959c",
        "product.button.color.tertiary.foreground": "f2f62e58614e79a7cf3c407f305d6fbcc08736c2",
        "product.button.color.tertiary.hover.foreground": "ccd51428dbc25d882c43b599399fb0dd1dd14359",
        "product.button.color.tertiary.hover.background": "eae136ad044be55f3c69f4949e6ab791ece3f939"
      },
      "group": "brand"
    },
    {
      "id": "3d944389c8bc7e0096e33bdd337454b155bbf3b4",
      "name": "B",
      "selectedTokenSets": {
        "product/B": "enabled"
      },
      "$figmaStyleReferences": {
        "common.warning.background": "S:6d53d59a1c72d20d5fcc7ba2baa3321ba4b2b331,",
        "common.warning.icon-background": "S:f66cc5354a86193fcb60c7c46b525739f4fc50af,",
        "common.highlight.base": "S:98b3af6fb1be6595ef8b1e9611e35328b79adc3e,",
        "common.highlight.hover": "S:e608c8440740e3aa42f118d73ef66c06cf5bc29e,",
        "common.neutral.text": "S:7b209dde8d3de037b19c18f70697002801114be5,",
        "common.neutral.text-weak": "S:9ba72b243c11b9c298b43f4f0f618bcc0f818191,",
        "common.neutral.text-link": "S:4e8585a078afbd315af5d5851064fc0810cd39f7,",
        "common.neutral.background": "S:26f15d16095f67496fa1d18a63d4eacd26ad5c22,",
        "common.neutral.background-medium": "S:c0f6d387eb2fa5712e9261e3da80e72058bd1067,",
        "common.neutral.background-hover": "S:512db699b5b9123b9bdaa5079c8e50e831df2cc2,",
        "common.neutral.border": "S:096401b6a7ba69af66bff70956b539a8795ae1f9,",
        "common.neutral.border-weak": "S:cebcd2225771fc0d8aab176aca0e096c69b6e517,",
        "common.neutral.border-strong": "S:e73f682389d34e873c7a9ef5da98392079b9446e,",
        "common.neutral.icon": "S:3c5139ba7a44b0089bac7a6e4594ccc1f9a55ab9,",
        "common.neutral.icon-link": "S:efb7ae8f424a4c4db2647bf0e2caaa0f4b347ca0,",
        "common.disabled.text": "S:5cd770b2a91ea8036f3d205b8b5adb42239df934,",
        "common.disabled.border": "S:72f278e57d43287e277fe9f65d6c594af5b294cc,",
        "common.disabled.icon": "S:fc0676fa683eee7d230a7919ac4e73b5b2029dd3,",
        "common.disabled.background": "S:6ca458fc56ed38693a1a4ecc81b02b8090ac9566,",
        "common.inverse.text": "S:0165c2d1d3dbab76288a569e49a0f10485412a0c,",
        "common.inverse.text-link": "S:067befcc2ffd8beb0f790ab9664bb50c29dc42f1,",
        "common.inverse.background": "S:0dfbd42d946cf7e1236816052948f56bab834ea1,",
        "common.inverse.icon": "S:0cae9ca1b1f59482ee819b6f2bf53a5af06d1791,",
        "common.success.background": "S:e865d573ef2a0f9c4c51030455c2055a4efbf029,",
        "common.success.text": "S:5d7b4505d3b31c5ad28d50766e6300a2fcbc8b12,",
        "common.success.icon-background": "S:0a3e2d3a2255b57c8540694e968943c4673e9ed4,",
        "common.info.background": "S:eba52ef720fb2e8d50dc707c9b01fc5dc2e6238b,",
        "common.info.icon-background": "S:6e53c92031b95566bf29bc49fb2c3bb69cc8b1cf,",
        "common.error.background": "S:16494bacfce9150a6e9bf45b6c3e57a2759b3b18,",
        "common.error.border": "S:c3962523c8bbc82b466e4a87b667f3be1d6b4cab,",
        "common.error.text": "S:2988edeaf6ee29da9961f1366dd280031808c779,",
        "common.error.icon-background": "S:f80fb2b5cb2f9f7c9462037dcb9e44fb807d3031,",
        "common.highlight.text": "S:d0bd0de34a050abf9c96944df43af544b3ceb4aa,",
        "common.highlight.text-hover": "S:24b18b24c98e6f5f6cde42077b74a3b7883e06d1,",
        "common.highlight.background": "S:18a5997eec98094a84db33e4787f11d21f3d7591,",
        "common.highlight.background-hover": "S:5af5c258fc8f938903ce57dafda84bee75d8c9cf,",
        "common.highlight.icon": "S:833e54809d5990601c1332bc0d79e31c24b989ee,",
        "common.highlight.icon-hover": "S:aae6458c58a1f0cfcabc3e0d3c99f6166a32bb91,",
        "common.highlight.border": "S:00de25d26ea3009f45cca15d7728537ce462e94c,",
        "component.button.primary.text": "S:d4984d25dc5d25fd7af6fbf92e03a23e42646c32,",
        "component.button.primary.text-hover": "S:f305e114239c864cd03d845485260bbf51cdc918,",
        "component.button.primary.text-disabled": "S:ac7b3547503b0da0f3bc8b7386983295304366d3,",
        "component.button.primary.background": "S:db6a1dee1b187a4e8b751017457e074ad9c87510,",
        "component.button.primary.background-hover": "S:dfda915bf9734a7e0078f533a61cf975bfd53142,",
        "component.button.primary.background-disabled": "S:8ea98f97140ea2ff0d2f374b52c6069885625c10,",
        "component.button.primary.icon": "S:bb40bc66e42a80d013bed4e3c50bcb352db16f57,",
        "component.button.primary.icon-hover": "S:4cf91a00e57090644f5491fa734ee133d0f9f4ae,",
        "component.button.primary.icon-disabled": "S:b4cc5eb4d04532c586d042b559bcbb0e3777749d,",
        "component.button.primary.border": "S:bb918e4743e0e91de22ab8a3f2f01f3970de4bff,",
        "component.button.primary.border-hover": "S:ba1116d9f6cc006b1db2989992542a743f726157,",
        "component.button.primary.border-disabled": "S:fd34b47c8f386fdca98ef9518696f394c65d9b3f,",
        "component.button.tertiary.text": "S:2053cf1934338759a9237e6618d934aa444850d1,",
        "component.button.tertiary.text-hover": "S:1ddef4e1b509e0b74af07ec706239ef875b37855,",
        "component.button.tertiary.text-disabled": "S:5fcd40e941d3614079c3582ba86a9c438e3c246e,",
        "component.button.tertiary.icon": "S:eae18ef467652737d0b68788e73372cfe6f97622,",
        "component.button.tertiary.icon-hover": "S:5006cc06e8a0dbb19fd4d9cf5ada37436251772e,",
        "component.button.tertiary.icon-disabled": "S:a5ddbb34b7d73e4b3fbf7ddcd541b78841d2dc4f,",
        "component.button.tertiary.background-hover": "S:8b1ec278133b6b432a5454d83c67ee0560e3b481,",
        "component.button.secondary.text": "S:b3fc64f5166f8fc0ca2dffe4a4a5a060afb4e596,",
        "component.button.secondary.text-disabled": "S:6dda4aaf373a2885dc96d53349c9e0a70f5824cc,",
        "component.button.secondary.background-hover": "S:7a5b8c52904572d09d1059b8b2add37b31e82459,",
        "component.button.secondary.background-disabled": "S:39a3945610ffbae68e159dab4af225632cfcd291,",
        "component.button.secondary.icon": "S:63498909827443fd0108e0b83dc48f7def384a7b,",
        "component.button.secondary.icon-disabled": "S:df69907dff0d05899d11237c1742f68ef44ae28e,",
        "component.button.secondary.border-disabled": "S:d807121d8b15bc520b80681ea238a327c09d371a,",
        "component.input.text": "S:fdca5d3393b391866457cb806221521b84fed156,",
        "component.input.text-placeholder": "S:ca8340f69e5280ca6f2650cb803fcdc893892605,",
        "component.input.text-disabled": "S:268ea95dd1a7b6010b3afee37bbc537ab0f5192b,",
        "component.input.border": "S:4ccf1c55a705138d0e721e71377370e918a2530d,",
        "component.input.border-error": "S:cd84f0e9071e2d10e9a92f465a379009a7c4dede,",
        "component.input.border-disabled": "S:9f418c53e72b035d23f2a23d237eee6835b82172,",
        "component.input.border-focus": "S:1840aef56d8b03291542884e68490054ac37066a,",
        "component.input.background": "S:3252c79ad645b969512eecabe6e6855f8e962a5f,",
        "component.input.background-disabled": "S:6334f08049a9d69a47352f8ddf0d4881850df0e1,",
        "component.input.hint": "S:000bd02c30fccc4be67f3a925c62ed8fa0a42612,",
        "component.input.icon": "S:af877368cdce03181c2d2ee52289ff1d0732c585,",
        "component.input.icon-error": "S:cb66ddfd56d79087d1185a159d0c395c943c503d,",
        "component.input.label": "S:4443692090afd05729ea95ebf24b9696914a1f10,",
        "component.input.label-disabled": "S:7aa480fb3613d8f45477061f67d84b5509e39865,",
        "component.input.label-error": "S:27062a246365042feb43931a77fcbe3d032e38e7,",
        "component.input.controls.border": "S:ba5886ea4fd00844d53e1fe1ded0175519810d6e,",
        "component.input.controls.border-hover": "S:64a0a0cc3a5bd6bf82895c7a463c1cef6d2a564d,",
        "component.input.controls.border-disabled": "S:171e09fd8643ad0e945bc92521423d33e762fb03,",
        "component.input.controls.fill": "S:f9681c3b4c6ab4fc76eb72c13d24a968100e1bf7,",
        "component.input.controls.fill-disabled": "S:ee9cf349a8fdba8a22f2d59bf13b747885553d70,",
        "component.input.controls.icon": "S:bea86800a673006da264aeb7ac97fef2204c6113,",
        "color.brand.default": "S:a77b001959f59f620f94516d5c3770bef58e1d54,",
        "color.brand.hover": "S:58709975fb7b74a9e66a27de34ded2f35b20d9ec,",
        "color.brand.subdued": "S:709b56b8ae6a4242efef2abfd43cfef3be777596,",
        "forms.input.color.placeholder": "S:fd1fc24f975b53efa50a0523665e038c42a642cf,",
        "forms.input.color.bg": "S:c3c1548bdb8ae8846cbb30020da30ad5f5bf6a6a,",
        "forms.input.color.border": "S:abd1011c44ecd82febc329579259b92a4d503c83,",
        "forms.input.color.disabled.text": "S:520bb06e486fa331f37e7cda133ae67802d6e6f5,",
        "forms.input.color.disabled.bg": "S:ed3b356b77ad92be19ec196de93c08480ef48cfd,",
        "forms.input.color.disabled.border": "S:2381013b46a2a255a4891c928b6429a70d0a686e,",
        "forms.input.color.disabled.fill": "S:1d62a99d9708f5c295ad3963468d3bb20a2d7986,",
        "forms.input.color.error.border": "S:86527f397402195d49e2bf95102dea51dc172373,",
        "forms.input.color.error.icon": "S:47e5034c2d72bfb3473c12a22ed5f5279f2513ff,",
        "forms.input.color.hover.border": "S:bb8cb0e8a72e9a0c9713fcc7989014c09849ed5b,",
        "forms.input.color.selected.fill": "S:98a46d20d6227cc0ddb6e566324d3dfe01b5e000,",
        "color.border": "S:6c3fa8837625ce3d9e3e6dbf94a037ffcf4df497,",
        "color.canvas": "S:980caa60911d3bcab050f04e874dc3246b3e8747,",
        "color.subdued.border": "S:608e87c6536174d35461756b200eaf5663c21761,",
        "color.feedback.success.default": "S:bfe8e58c8435fe028b61987c139c196abfdbc77a,",
        "color.feedback.success.subdued": "S:45bd2d8471f6b68bbaefa4b80e502271a1c16f7c,",
        "color.feedback.info.default": "S:dbbfd9f309512edb33a9a6655f10852970657ce4,",
        "color.feedback.info.subdued": "S:0f24b34a07e6917d964268d1b1ff8579b0115e2c,",
        "color.feedback.error.default": "S:9fe1a92b8e4b52669d2c948a876ddb785916ec3d,",
        "color.feedback.error.subdued": "S:0d0abc47f74a6a71c0573a0af5e3c4da74d6a1b2,",
        "color.feedback.warning.default": "S:2caf55338bf1b0af574c7be9f9624d5dfe7d04a2,",
        "color.feedback.warning.subdued": "S:60dd6392e18fc9c2be5c2c3a91f9fd473a3c2343,",
        "color.grijs.100": "S:0701fca4f1bf47c214c9cde447bda0b18320c6c5,",
        "color.grijs.200": "S:f41d5f11bf1ae93d26824ef419907063dd9eecb5,",
        "color.grijs.300": "S:cbfab8967724d33833163800bedafa892f2eda42,",
        "color.grijs.400": "S:009e42102312cf3acdbeb993b742a9072ce55fcb,",
        "color.grijs.500": "S:86afb85c8b8f277c7601d0b725fd1f5b69c97538,",
        "color.grijs.600": "S:36b4a7198040d083789f9beb06b866efa0568372,",
        "color.grijs.700": "S:53f2ef8e6d952be847e04aca096ab1e35163b152,",
        "color.grijs.800": "S:58bda5d33c674a8a9924f5a9226f53c7df2d7151,",
        "color.grijs.900": "S:5ba1697d6e115a7e0f2a27862a01e7b5c8d26cce,",
        "color.none": "S:626cc1a36ff6f44f6c117fe4304fb49d7e4a05e1,",
        "color.lichtblauw.100": "S:d114ad1ab8d910bcaecd0f8f2451a3afc5140592,",
        "color.lichtblauw.200": "S:7f5a84b90634706e6ae47b5ae0c7ce7d226b5f69,",
        "color.lichtblauw.300": "S:951bfa36d776a7f6609601feb782c63d57d787a7,",
        "color.violet.100": "S:e800dce7a9474ef41cd17a85fb280a6c1b7ce4b7,",
        "color.violet.200": "S:3c8746f9f9a3bf21bde8e0499b864621e0958384,",
        "color.violet.300": "S:cfd6839f326bb49e99a349c3210b3a0b195ff629,",
        "color.violet.400": "S:4721faad21431f539c9da2a1c5cda34c975436de,",
        "color.paars.100": "S:4592e5efb7d2146f08b4cc86fb90c5229094c957,",
        "color.paars.200": "S:6aff62f8eb5ffcd84055224ffd7367011b1c9a99,",
        "color.paars.300": "S:97f652baee33c9b96ca60be5329f675d29438482,",
        "color.paars.400": "S:cbe99538b9b2b8b42f9850e56fd5a0dfa77349e9,",
        "color.hemelblauw.100": "S:029ea3d7298d67e18c15fcc9c9e39126d5f498ba,",
        "color.hemelblauw.200": "S:2c6daf29b80722a39767793cab076a32c66d384e,",
        "color.donkerblauw.100": "S:9130d2cd2c1015ebfcd359e06a17861a52c7bcc0,",
        "color.donkerblauw.200": "S:e21027cc0d7f48f95086090dbaeeb7fc92d86275,",
        "color.donkerblauw.300": "S:b9489266971318d03f4817d6c0951bfa26070c8f,",
        "color.mintgroen.100": "S:162899fb8fb68870f550ed2078244761ddeeb98f,",
        "color.mintgroen.200": "S:a39ef845bfd8a8aca7586725b9c11d2977468020,",
        "color.mintgroen.300": "S:e7f710d80efd6878fc3f779f09843ea9b572c030,",
        "color.mosgroen.100": "S:4f8391524a959a665a8e8c92b4c69b003965db80,",
        "color.mosgroen.200": "S:659cddacfed37403089e3bc508bb607239588e56,",
        "color.mosgroen.300": "S:5d28f7d00cbbf2ac170c72852f4bd76e13c0cca7,",
        "color.groen.100": "S:01b6f7e74b0a4b8f01e708615dcb234918c992e8,",
        "color.groen.200": "S:75827b521ff138eb58bfae0442dcfa60642c5165,",
        "color.donkergroen.100": "S:359f5fad5855b3fd386331d7b33361ed3d8d8e27,",
        "color.donkergroen.200": "S:07b19554463118249fa0ee9fdb18253b1ad276ef,",
        "color.donkergroen.300": "S:065cf30c12182413045597c208b62c7d2014630c,",
        "color.bruin.100": "S:df24f99c28a635322ef172a0655648ce9851cf60,",
        "color.bruin.200": "S:53f5a1de780929829e4d66a42651f3651998c1c7,",
        "color.bruin.300": "S:728a63faab862e4bf79a7253806463d611c1adb7,",
        "color.donkerbruin.100": "S:22601a4ca66773474e056e0f139acd188baa75f6,",
        "color.donkerbruin.200": "S:15cc46138aa120aedca1337df0652880219ff7af,",
        "color.donkerbruin.300": "S:4be6fd95b60bcc888c5ddb2455ad7575887ab3c5,",
        "color.geel.100": "S:6c779c36e9ab00b915ddb48433c826a9573905e6,",
        "color.geel.200": "S:8df202a1c00834eeeafd284553addcebbdbf0c40,",
        "color.geel.300": "S:961d41ba597694d1495f675e272cfcb01428c323,",
        "color.donkergeel.100": "S:f96a3507f979fd848f0d597b5c9388a54d0e25ef,",
        "color.donkergeel.200": "S:10dd9811442d2bf740ff87fdf9ca90ac9d1d43a4,",
        "color.donkergeel.300": "S:d66aa12560f4fbfce7977d7f0b7db40b4c07f0c1,",
        "color.donkergeel.400": "S:84643cf6384ccfaba01a6e2da54c91c66f97ef40,",
        "color.oranje.100": "S:df3e3b22244cfb9ec3694959b33f057e0ed31f80,",
        "color.oranje.200": "S:d593369fe1f055ac7a2431210af7b19dce2b1b89,",
        "color.oranje.300": "S:cb974b050d43a668bb2f1b4e4611fddf08bf5918,",
        "color.oranje.400": "S:881b7001281a91f122ef22118e64384e444a3a5f,",
        "color.rood.100": "S:66f6fdf703f5b37bf3a222cabf7d780619e674a9,",
        "color.rood.200": "S:e484559bbcbf4c0022d8ae9e1a2239a5ad2148ed,",
        "color.roze.100": "S:5201ad0202e8bd61fa620540708d6279a7341643,",
        "color.roze.200": "S:000a0d4dda74df8ed132a9365bb4d20abba774e5,",
        "color.roze.300": "S:0bc1d3753d17e7093b5577d4f6a483265d8ec977,",
        "color.robijnrood.100": "S:26427fbf3da88b461fdaa30e7b3714622794d44f,",
        "color.robijnrood.200": "S:a131439e62b6ca2e74571c98b767927616b40928,",
        "color.robijnrood.300": "S:59697118f21dd10319a590ac5f5577fe68af4ca3,",
        "mobile.text-style.input.label": "S:65a080f248aebb8b80382aeb1e6890d57d8f7c16,",
        "mobile.text-style.input.hinttext": "S:b93443b0e66885ba21d46ed7b3f0fe6a4d4a0637,",
        "mobile.body.s-400": "S:ad409599c0026e7d009982270cd5372b5d0eb704,",
        "mobile.body.s-700": "S:dd22dd860e8b44e9a7843c942aca2a91c3165e06,",
        "mobile.body.m-400": "S:ff7348d81b9f1d2ad0bb680457b34c0eb4ce63aa,",
        "mobile.body.m-700": "S:66ec0e17ef18d6e13e917fb51ecf642937eb32be,",
        "mobile.body.l-400": "S:a5f2fed4109107220d20c1fa16ff48296eed660e,",
        "mobile.body.l-700": "S:def49d80795d028630415c28f33c696f7aefcccd,",
        "mobile.paragraph.default": "S:8b43c996ade186eafc103a463323d06538444af8,",
        "mobile.paragraph.lead": "S:93cd0341cc0420da6e412bdf926e036e7515ecca,",
        "mobile.heading.level-4.700": "S:76a23fa5b0c539638911b159bee92651ad33de11,",
        "mobile.heading.level-3.400": "S:b96ccea8906fcebb0c4994365007131ff6012552,",
        "mobile.heading.level-3.700": "S:04713f598ec8d42ab0569d6f84e548d581b2fb5a,",
        "mobile.heading.level-2.400": "S:8067f98ca9d22834117b0fc62251b093ecb99c26,",
        "mobile.heading.level-2.700": "S:3282b4eb87f2cd08c66ea8b213aa8a932d4a121f,",
        "mobile.heading.level-1.400": "S:4bbbc5d41d4c1ede52922564c044558c6bb56e8e,",
        "mobile.heading.level-1.700": "S:9899304c6ee68c283d7b7a1c26f20450deb87e8b,",
        "color.rood.300": "S:e3a7be49cafe285146881865a4130d45aeab47a0,",
        "color.rood.400": "S:14490eed3d3d4c68ef4c980da54ca49655090b22,",
        "color.groen.300": "S:1ff9ca72520909d736e0338f1b61912c3e0ac90d,",
        "color.hemelblauw.300": "S:062213352f5584f3aa4a99d3bb29a24df582a882,",
        "color.hemelblauw.400": "S:63ea3b00863bdea5c2ae504fcc6fd30a03900034,",
        "color.zwart": "S:d18033e68094314cfed84d2195f64afa450b6848,",
        "color.wit": "S:dcf86f8a40c000036f91da6da126e4c5505b24ce,",
        "color.groen.400": "S:ee3f774bb69166137529b82a8c3197284a34aaa8,",
        "color.foreground": "S:3cadb2d95187de4eb78dddba3dfa3a8f2fb90cfa,",
        "color.background": "S:28256078a97bfb432a0c39da534e0ddddb1ab07a,",
        "color.onEmphasis.foreground": "S:04b8ddc8a94730194d0363ff6d0b6c2b642e6f9f,",
        "color.subdued.foreground": "S:2da7bf96f7c159410447b896e085144918ca53cb,",
        "color.subdued.background": "S:45487b836ffd448826016f6fb1fd5894a732f2f8,",
        "color.hover.background": "S:4fa33810f036e737fb54bd6efc0dc68d2039e515,"
      },
      "$figmaCollectionId": "VariableCollectionId:202:702",
      "$figmaModeId": "202:2",
      "$figmaVariableReferences": {
        "product.color.brand.default": "f5f67efde523a292c3e4847e9acf67610d2ebaba",
        "product.color.brand.subdued": "bfd5b6e957ca1f761a4e73a663142fb4b6913607",
        "product.color.brand.hover": "ac90e0d6ed28a9b31de2d755f8ff309e3a203cdf"
      },
      "group": "brand"
    },
    {
      "id": "f5b6c8fb09c0a683c6037de2c2b4bb8c553ff9e8",
      "name": "C",
      "selectedTokenSets": {
        "product/C": "enabled"
      },
      "$figmaStyleReferences": {
        "common.highlight.base": "S:f8f46a43b805f4723eadb8c5fb2b20b8f220376c,",
        "common.highlight.hover": "S:e73e5e6da774df60ae9c3bd3ef122bad7628d455,",
        "common.neutral.text": "S:8dfc9b498280e8c62230f3fb88540083a9a51256,",
        "common.neutral.text-weak": "S:7af472a5f8bd046a989b0d3628f66a8ba222c4b5,",
        "common.neutral.text-link": "S:36346727c2a3d97ca895bf3e483d4e338c8cfbf8,",
        "common.neutral.background": "S:6d3502c4ebc61f1e1106eaf86d4a3f6d87e394e0,",
        "common.neutral.background-medium": "S:7c9438fdb03fa7ac62b41e44b5332861fd54895b,",
        "common.neutral.background-hover": "S:ae01d163e7a69b3cf63f4ab1a6e345b875416e66,",
        "common.neutral.border": "S:d69338e469dc8b764c38fb81286df565c83b3447,",
        "common.neutral.border-weak": "S:532d73d2b37235e99671ae1ae24b0f12d5b51976,",
        "common.neutral.border-strong": "S:10611f8c2a6182b1e13751616d34f009c80b58e9,",
        "common.neutral.icon": "S:0a8594cd4323c4b85c0088ca894ae93ffd49a6c6,",
        "common.neutral.icon-link": "S:067ecb250ceaac78f02e81963b76eb428dc81c25,",
        "common.disabled.text": "S:b326e56f411ef3d9a8010ad00db6daf3fdde83fb,",
        "common.disabled.border": "S:219f114352112c1496a04238741a9fe63c72dcfe,",
        "common.disabled.icon": "S:f92e120fdc321f8e4a90fb7e9f67375e3063acf0,",
        "common.disabled.background": "S:83276778dd7643889feca8f15c6082b6315e3790,",
        "common.inverse.text": "S:722fba06b44f37c403113b096254ecb3d9aa3dc1,",
        "common.inverse.text-link": "S:9ab845a2661cb64bb6cd1473a044e728277fef9f,",
        "common.inverse.background": "S:e4406bbec753ee4a161c5f5f6e8a4d696b04e4c5,",
        "common.inverse.icon": "S:0d00209a00d0748b4e701379dd0033f43378f877,",
        "common.success.background": "S:1d4dcf9aa1c8a14f1bf60213fa56ca2b0cb9be5a,",
        "common.success.text": "S:3e4fbc25a333daa87ad5291570e8ac74d964d6f6,",
        "common.success.icon-background": "S:c12c96c0644c46f85364edf70c478a48a0ffa5ed,",
        "common.info.background": "S:1170c7849bf1cebad3a61449c67267b0d98b68ff,",
        "common.info.icon-background": "S:0ebabd7abb266655efc4fc5be1ad17180d2cb39a,",
        "common.error.background": "S:7ae731ed6d55a8411f682c28aa743226715def43,",
        "common.error.border": "S:af8bc66b89ae149fa73404f0910b5c1df4f4d810,",
        "common.error.text": "S:821810b06621318f4062fc9934df4697a9b93e29,",
        "common.error.icon-background": "S:e2090b72346c814ceeafd6abdbd9b27a7e983561,",
        "common.warning.background": "S:a90692d12f8cfae8ec02dbeba30d6a45a082d316,",
        "common.warning.icon-background": "S:a46eaba175b4da30fb6a3ff8ce2a0eb2a8ced021,",
        "common.highlight.text": "S:2f9da7cf211f13543679be6c83de2dd1086654a6,",
        "common.highlight.text-hover": "S:4a1e1519cd8db6118df50f2b4002827fc43c9615,",
        "common.highlight.background": "S:2199123af7508c511100e43af071beb9b828e770,",
        "common.highlight.background-hover": "S:f3e7262a342578df7928f4662a717be92d3cd72a,",
        "common.highlight.icon": "S:dd03e725140ee93e16b11a4add4a7789f45d197c,",
        "common.highlight.icon-hover": "S:4a7688138f568d1742a1c982448223bbb1946a09,",
        "common.highlight.border": "S:615fcd76b56034ec8349fc92747ac2237e513cfe,",
        "component.button.primary.text": "S:bcb2fcca8f388a6f0f04c516b6c4b750ce46ee47,",
        "component.button.primary.text-hover": "S:854151eca4ac3025a7820d4d89fa153f3bf6e267,",
        "component.button.primary.text-disabled": "S:4f3c4b0e8b0460bf61676a9d4d9eefb0cf163ee7,",
        "component.button.primary.background": "S:fd68482268d51e143b7c8b2c2515ae39cf4132c6,",
        "component.button.primary.background-hover": "S:3e776d4a9d3fd236776d966fcbcac0b8cec22dfb,",
        "component.button.primary.background-disabled": "S:dbed87ba9560b7b3c6a87c9da43970161f5cc467,",
        "component.button.primary.icon": "S:65d1bc0c42ab7dc41b7ff69a79e8c28c0b1be626,",
        "component.button.primary.icon-hover": "S:69be57da6148e77942f6e016a0317c91cc3cc9dd,",
        "component.button.primary.icon-disabled": "S:b50505ce7524fef0f79501a3afe2412cb5ead815,",
        "component.button.primary.border": "S:50c5e11bbdd778a91efa33f8faa4af7214bb3e66,",
        "component.button.primary.border-hover": "S:59376c9a444cc863a49042afb97cac33c1df2916,",
        "component.button.primary.border-disabled": "S:8b484daf92cccce838bbbd5ac9010a5bdfabafbd,",
        "component.button.tertiary.text-disabled": "S:ca4dbe5cdcce502be21f1bba0699383214b9fc73,",
        "component.button.tertiary.icon": "S:31b1f000a5ccb6d56bf2c9e826222e928b6caa98,",
        "component.button.tertiary.icon-hover": "S:375e7ab609fb6a8bd66f6617926283eebc37fee5,",
        "component.button.tertiary.icon-disabled": "S:43299afc3d9b438d3e170f47bf770e495892fc6f,",
        "component.button.tertiary.background-hover": "S:36edae10b9c9a551a91ef3fedc9d2674394c4000,",
        "component.button.secondary.text": "S:220812005f5cdd52bddc4922975310aeead7e36d,",
        "component.button.secondary.text-disabled": "S:2ec1513e842c66bcb3d2666b77d74ac6acf9c677,",
        "component.button.secondary.background-hover": "S:caf77e64ce57ea9ffa2a1cdd8847a94e7d468038,",
        "component.button.secondary.background-disabled": "S:4285045a7ff91f93c01b0984fba603c70efa9890,",
        "component.button.secondary.icon": "S:46c4e6f42994f0a8b4c54c06ced39db14a81ccda,",
        "component.button.secondary.icon-disabled": "S:9ee8591c018b1b0f21f6dd03ce3c5d7ed102d7b6,",
        "component.button.secondary.border-disabled": "S:61db6fb17b08afa7a28420d8f5b5507baec52e1f,",
        "component.input.text": "S:f91a9d40954ee57f7cdaedb312ed3de6652e3106,",
        "component.input.text-placeholder": "S:6d52a1b47b5d0e686c036330d3b771b3ece46cd6,",
        "component.input.text-disabled": "S:ef6dc0985b8271848208738b135d574fa7d9bb6d,",
        "component.input.border": "S:7d726a451a295490d30264ec6305e092a5e26402,",
        "component.input.border-error": "S:0eea2ef8b5f5b2d042fee1d0bfb7e02542e5ad7f,",
        "component.input.border-disabled": "S:4c1ff25ef11b67dd695c54509be9c0739ea628ef,",
        "component.input.border-focus": "S:dfea325aae0f094eecc0ab5b7f71a53cc73ecb0d,",
        "component.input.background": "S:30df7ef19ed4f63c62afb9e9bc893e226f08579d,",
        "component.input.background-disabled": "S:980ceef501146f6cd65c1a9b6bbd78faee4d7be1,",
        "component.input.hint": "S:6c80b060e328906be753061ead01d8708596c1e0,",
        "component.input.icon": "S:b5d309f219ce23390d0fa52549e7a777dc495abe,",
        "component.input.icon-error": "S:7f5d9b59c5e3ff546c5c7454c32f210d96b9c84e,",
        "component.input.label": "S:cd2295591c9ab97a6ceb2241b1193e8b74ca71b2,",
        "component.input.label-disabled": "S:ab4c83b58706eca765ecdf08b7276e1ece4121d4,",
        "component.input.label-error": "S:79d4e42aa825a680917414db6487768af32a260a,",
        "component.input.controls.border": "S:b15141eb94a4eccd9697bf1b1b92d3cbb66bc4a9,",
        "component.input.controls.border-hover": "S:7cca58819191d28d04c6ae09b8db4e58d4407404,",
        "component.input.controls.border-disabled": "S:71c73d4d3c7e3480070ad6f79760e71e3846d753,",
        "component.input.controls.fill": "S:d2947d2fecc5553e1e902761859c970a931ef3d0,",
        "component.input.controls.fill-disabled": "S:4ee8544cab49897253f41dc0c92b1bca63290804,",
        "component.input.controls.icon": "S:7e8c93617d138fec4cbb4d42e8882eec1241d72b,",
        "base.grey.100": "S:c1473ea22d992bc13ce1760459dc53803b726169,",
        "base.grey.200": "S:b90f7e18ac3f64f4d7d8554d3372e89666c4c2a5,",
        "base.grey.300": "S:a666d2971fde8ec137ee6b4c6dc9d7c5db58ae9c,",
        "base.grey.400": "S:ca3ede64689d465cd0adf8dbb57daf3145e40ff9,",
        "base.grey.500": "S:4fea60d83d6efb51f3bd6dacfa44fa072cb993d5,",
        "base.grey.600": "S:f4e259278826aa3ad40864c7fc8d876a08103c31,",
        "base.neutral.black": "S:af2305282a184d8cb8ae0912f61281020a178b08,",
        "base.neutral.white": "S:e80693acddffc207d3c1ec509268e0839d13573e,",
        "base.lichtblauw.100": "S:5ffcca3d65b8803585477c0271da6c28c50c9ffd,",
        "base.lichtblauw.200": "S:2c6a50c9394f33a74297ecd0e0632ed8398312cc,",
        "base.lichtblauw.300": "S:b5fa66dd04b0459a13844cfd5df183ca7da21141,",
        "base.violet.100": "S:63ba98a38ff87e263c1f76c1a4fd40a724613c2c,",
        "base.violet.200": "S:e66dffa5165887537a79f06d76f858d0671aa58a,",
        "base.violet.300": "S:a266709b7d8ebaeb3740a8b95ab87ab39f9f8fc0,",
        "base.paars.100": "S:9fc2fb359daa1485a58bfddacb7085ccd1b3c7a6,",
        "base.paars.200": "S:ad53fb468bcb3562dbc1195b995db40493d5367d,",
        "base.paars.300": "S:03e16e9521b2824029768bda91befc9ebd591984,",
        "base.hemelblauw.100": "S:ff99e82bb9df878a05aa063f054b2413e5244c07,",
        "base.hemelblauw.200": "S:4d3c3a1fe2d7c974fd75ed8251a3732b07363987,",
        "base.hemelblauw.300": "S:2f98b8ca6f56678b2677c5723814118f4da79bfc,",
        "base.hemelblauw.400": "S:7802a75df66f055258aea1d426fe17a0e607d6c1,",
        "base.donkerblauw.100": "S:820c6e05646c2e4c89889ac78ac015c231c98fdd,",
        "base.donkerblauw.200": "S:9d8d338f28490cad017c4a00cd77c5c2bbda17df,",
        "base.donkerblauw.300": "S:f328f84dc4d8255c0f0abd3d4b3c59f71b76ac04,",
        "base.mintgroen.100": "S:e00c649dd180c4d41c11e0880ad73be02dbc175d,",
        "base.mintgroen.200": "S:a5855ea6952008d32dc90cdac2e7d55c029885fc,",
        "base.mintgroen.300": "S:e12de246c106b4b3eabfc61009bd8ac7215f04e7,",
        "base.mosgroen.100": "S:193d374094d0c949afcc59520ce1805c8b1b55e2,",
        "base.mosgroen.200": "S:e74e51fe4e1d5bd9746781e21be93d3a09ec265f,",
        "base.mosgroen.300": "S:a9ed47c000a821754522c22f8b4b2e5b5c2ea8ef,",
        "base.groen.100": "S:dc49cabbce187ae0c970d97e8afcb395074afb67,",
        "base.groen.200": "S:5ab775a85b9cb5acab8903e76f4ec41ccc92544a,",
        "base.groen.300": "S:4b497f664474a0797ca42364d944661f4128f743,",
        "base.donkergroen.100": "S:893323480dd8bc44d60edd5c5b426542bd79f98f,",
        "base.donkergroen.200": "S:7b96f1dbf1f524578d061b8d9ebba8a80275dd16,",
        "base.donkergroen.300": "S:5d3a2c1a9520924852d25b2c8fd3b8f210e94ae1,",
        "base.bruin.100": "S:93feedc8fd73e068eab79e7036dc2a2107e5f302,",
        "base.bruin.200": "S:057100d252beb733a1457581e9afb646318bd8ca,",
        "base.bruin.300": "S:3c31e7f7a56a345ed131535ff13e77f0ed100011,",
        "base.donkerbruin.100": "S:7ee5089bbdefbbc44c53c9f3f151500f6a9e9bb0,",
        "base.donkerbruin.200": "S:ad44943bd1e943f930e13384e0951b995b3e14fe,",
        "base.donkerbruin.300": "S:9111e07bd91e3d025068adb8919bf0c993de4f65,",
        "base.geel.100": "S:4f60ae004f3c330edf07b70f01413e2829eae7f5,",
        "base.geel.200": "S:943cc3c62233f90d7ce98ed51aedd08a983a1a32,",
        "base.geel.300": "S:eaa44ad95b7f4fc52940beab04f1ac0ddc2d332f,",
        "base.donkergeel.100": "S:afe9791598f67ede65438cba4d03aeae14983c80,",
        "base.donkergeel.200": "S:2a03b016b5452b882442bdfe6e1f07f60cd2c885,",
        "base.donkergeel.300": "S:0b593733140c60d42ec7021b9fd2d1b2c3ea783c,",
        "base.oranje.100": "S:7f848af052d947701bb47252f841da4902412e48,",
        "base.oranje.200": "S:ef8470ac3ee50fb45d03649049614ab8c5ddc9d9,",
        "base.oranje.300": "S:54e8bc8243bd8283bb5b1cfbb60791609532524c,",
        "base.oranje.400": "S:c135f6b0ecfb007b82692a44fb3802a7fc76a870,",
        "base.rood.100": "S:cfbdea2784e05d1e5f9cd2f40eaf0e74b85e040c,",
        "base.rood.200": "S:a0ea609af1656835c6b20d2b12235b41c05fd95c,",
        "base.rood.300": "S:798e7d32384d28214cd40725ab3f514361d2ff61,",
        "base.roze.100": "S:d3960459544d65d517d4b53e22bfa8d6fa3318b2,",
        "base.roze.200": "S:7118cc2172a11dbd8092aced47a461ab683e2f29,",
        "base.roze.300": "S:c48aadf5e9fd135009c6ed81f7332c1faf334f76,",
        "base.robijnrood.100": "S:64ba314b07271df382c0607fbabe8aa9cf3baee2,",
        "base.robijnrood.200": "S:6593b808552d864c0beb587c3a41252ec20407c1,",
        "base.robijnrood.300": "S:fe99b6267f140f8b85438eb7b5c945b19d9e56c5,",
        "body.s-400": "S:c15cddc8e4cc88ad09a19e14cca738d80a0e48b1,",
        "body.s-700": "S:e46111f6203c275bc48a5e6b7389f0bec526302f,",
        "body.m-700": "S:5d4f5ee6472319d0eac13100e500d192c43c7704,",
        "body.l-400": "S:916c24cb2b1d2e2913822b51a20fa25e29c03e39,",
        "body.l-700": "S:766ae5b8be3de9d065d5a4f5a2079ce6f7b06de9,",
        "paragraph.default": "S:3c4d29d25898b9b1ef6b12013495f761722b3168,",
        "paragraph.lead": "S:9fee9110e68ebad7299e71093ac4db2f250012b4,",
        "text-style.input.hint-text": "S:860df5b01559748a58935d710725c3b9685c46d1,",
        "mobile.body.s-400": "S:fadb7423509d18fd6c9df46b08069d2c3967fcd3,",
        "mobile.body.s-700": "S:f4baabe39db91db6c6776a7113eb31589d8a7916,",
        "mobile.body.m-400": "S:f605e586d3b904dd6eb32c772305fabca485fd12,",
        "mobile.body.m-700": "S:fba2ab96b741fb5f6c1a85a790a6b726f96bc501,",
        "mobile.body.l-400": "S:6cfc333a3923c1615955d7e236e77a4c4107c9a2,",
        "mobile.body.l-700": "S:49afa27f0a15972b57f2bc4b9adcd4d7d4b72ab8,",
        "mobile.paragraph.default": "S:6d3efa4af28679f30d90abf1dc3a4ac516de9a39,",
        "mobile.paragraph.lead": "S:3e09a43a60c49c23494297058d7dc0e5c197a221,",
        "mobile.text-style.button.label": "S:f61b8a36aeb1839866c7ab36fd7fba7873aa7f0d,",
        "mobile.text-style.input.label": "S:5b465e7b37202cbaec8f42f0dbd5090a37e8bf3f,",
        "mobile.text-style.input.hint-text": "S:41b4ca7f77433ded5105aeb66505c29887d5cc8a,",
        "text-style.button.label-copy": "S:fc08cc40ed94a2dde08b039e12e0002b1a77c8dd,",
        "text-style.button.label v2": "S:1fcf622675771c3403d9f639cd1a4eedb4b1972d,",
        "mobile.text-style.input.hinttext": "S:f1c8ef6fc6338c324d1425fc06d2cc066067bba8,",
        "common.wcag-state.a": "S:c2069251cd0166935602ff0985bda8aae14d937f,",
        "common.wcag-state.b": "S:e36608d5cae9d86154914e07a1bafe5af661892b,",
        "common.wcag-state.c": "S:87501833b357dd48b0e687130c88cbc51443aabe,",
        "common.wcag-state.d": "S:042b47cacf7b639c248c69f4bf36f4f3184a6628,",
        "common.wcag-state.e": "S:ced899081669d848f229e80b39c2e87ec4b365f8,",
        "body.m-400": "S:8131182b606e770c171c40b801f725aaab6ff236,",
        "base.neutral.transparent": "S:a3b01d9f5765ccfe946e68abc11cd3f3d731962c,",
        "heading.level-1.400": "S:3e5bff563045756c6968bdcca26fa92cc1c2cc04,",
        "heading.level-2.700": "S:8e4c1b131d908a2170e88541adee61364a7a135a,",
        "heading.level-2.400": "S:7224654f0bb322c4c09c9eada646d1e5f6af4df3,",
        "heading.level-3.400": "S:26047ad51959b17b57b15d048adc25208a8a6a91,",
        "heading.level-4.700": "S:316f2b2211531ed0406173d08aa064c20b7d9a1b,",
        "heading.level-3.700": "S:7354d41ecaa12baca301c6c7ed11526707e541f4,",
        "mobile.heading.level-4.700": "S:dc9f9d0cd1598aaa2fdd3a536ac08c10ef92fc77,",
        "mobile.heading.level-3.700": "S:c184aead81ce6b6f0d81809b2d59402b136b837c,",
        "mobile.heading.level-3.400": "S:9531481de153e309d1fe1c29cc272dfdb70bd468,",
        "mobile.heading.level-2.700": "S:06dc02f68ef8f0aac3951b02454480bbf8b773f8,",
        "mobile.heading.level-2.400": "S:3457bfe3c11dcac8eb26f81971a16165693aec5d,",
        "mobile.heading.level-1.700": "S:9781d55024cbe94ca16ec335603ee471140d574d,",
        "mobile.heading.level-1.400": "S:78ae876747b1b553d1e41168b10f91f1ec145a39,",
        "dd-component.stepwizard.background": "S:1692fcdb37523f0e428153ed1ea1eb2224e4442c,",
        "dd-component.stepwizard.border": "S:3ad26cfb1e6de71318d40daf9cf47ad2adf73479,",
        "dd-component.stepwizard.background-hover": "S:3ef811eb9fb60287200271a1b7fc426b864ca8f2,",
        "dd-component.stepwizard.label-color": "S:eb091d0ec79875c249328b6d8245f083ffa92510,",
        "dd-component.stepwizard.text": "S:3a3813d999e28fb3ecb4f8fad59d8b3a8b0365a1,",
        "color.brand.default": "S:3b2f9faeec461c138b8bd3b4bb7ebfe41b1c4391,",
        "color.brand.subdued": "S:40f4e6e221a8154e82e0cafa2593afc2ac55f38a,",
        "color.brand.hover": "S:6a37efaaa024002b8a8322273d941c4ac52546f8,",
        "color.foreground": "S:0a6b6c87cfb5655dc3960e85895097c8645d7d74,",
        "color.background": "S:bc5ec6872121070a7794bf578d097625bb552982,",
        "color.border": "S:db48abdd04ab20a03a7c67b84b6f295a9c5f70e2,",
        "color.canvas": "S:151c4957325cabf762e43fc7155c38872f771c51,",
        "color.onEmphasis.foreground": "S:5abff0d37380d9204c0761bf8f7b41a55ae17c0f,",
        "color.subdued.foreground": "S:ba2d62746cfb079f215bc132c25af399bdbbf23a,",
        "color.subdued.background": "S:19c7134b970054aadb085de85e25ec443180a4b4,",
        "color.subdued.border": "S:d6f623cb919ec1d88f52f72d37806f877dce29f4,",
        "color.hover.background": "S:02a2a476ddd8286503d07006de52e369c5720a8f,",
        "color.feedback.success.default": "S:7e167d7f176810e619bb3a1ee138ae581e938b6d,",
        "color.feedback.success.subdued": "S:23828804a5ad791d4bae832a3e2737e32c7de860,",
        "color.feedback.info.default": "S:1a75324dc4182a9828458a39d87762cb6f3c9361,",
        "color.feedback.info.subdued": "S:db6338a59831ec51819781e71e071bd9065de20a,",
        "color.feedback.error.default": "S:ffa5b83995dbeada5eddb698b7c550df4c94a31c,",
        "color.feedback.error.subdued": "S:30f8ec789b36cf8b2e930fbe6540374cd30d51c6,",
        "color.feedback.warning.default": "S:4934b2cdbb39c91e64d7d96934d3341433225c13,",
        "color.feedback.warning.subdued": "S:a8c500ff015dc5ac61aab50f8ce013720cda663d,",
        "color.grijs.100": "S:1a9c0872cc1883c8c30415df847d37e5107f22e7,",
        "color.grijs.200": "S:1f0225c347525fd4e539d75ac32ac38ba02125a1,",
        "color.grijs.300": "S:1d4689924ed433adf64e4b3db1a297b092bd4979,",
        "color.grijs.400": "S:fb4606f9ef27acffbb6ac90e8f391f10274912b0,",
        "color.grijs.500": "S:06973f241efcf3e46badbfcf670e0c5bf97d1474,",
        "color.grijs.600": "S:c4bdcdeadf2680c442a78edd5b5cfafa7b457e60,",
        "color.grijs.700": "S:c7bf6475425d0041142a99d686921a6b6a0ed428,",
        "color.grijs.800": "S:b158fb87d15a6750576f65c59b1cda439e7d0d32,",
        "color.grijs.900": "S:567e8f54b430ebe3332f9401a8de880c80679041,",
        "color.zwart": "S:6201ea4a0c2437aa3367085cd8d0a97a51cf89e6,",
        "color.wit": "S:f3014589b41fe1293902c89423b9c431c8ac6592,",
        "color.none": "S:17da17bda9e5afcd27e4ba7bf267cb06c033a0fa,",
        "color.lichtblauw.100": "S:dfdfd9cf7ec62a9cb928d7c4561077ca2619bc99,",
        "color.lichtblauw.200": "S:77f3be4b3912e8d2af38d63c2e36f17da3332a97,",
        "color.lichtblauw.300": "S:d2b3696ef3181b1057ef5335b934edac4ebc2f1c,",
        "color.violet.100": "S:1a1b29d8516f77945aa2a6a94077e757a21280a8,",
        "color.violet.200": "S:b41e36d7d5e9fe02df9316afa6c8bea3a0b24efe,",
        "color.violet.300": "S:8cb80a83cbb0967c291f206499f422b7ffdb20b7,",
        "color.violet.400": "S:61ddc9c228a8b1aa27ec53c4e91230c8d6dae1dc,",
        "color.paars.100": "S:b5b18de72bef7d9007eea05090152c1185515d98,",
        "color.paars.200": "S:27c2402a483fb5b5ba727fdcd0af5b6f304f7b58,",
        "color.paars.300": "S:f52542b7da290d73b0c47bec4a560af9f48bf7ee,",
        "color.paars.400": "S:403d925d4b77480bdcc9906872b0649a94e10fc1,",
        "color.hemelblauw.100": "S:ac487cec4e5376edb1235f71740df0c7c8c61fc9,",
        "color.hemelblauw.200": "S:0db9205e7115b275b40175b398031dc6d13340cc,",
        "color.hemelblauw.300": "S:a2df6a090102075496055a55591fd6b84164393d,",
        "color.hemelblauw.400": "S:d16946d811b41ebb0e7a1b9b9bd0a2a030d1d2d8,",
        "color.donkerblauw.100": "S:8e6b7e76e8a429992a17e763407451643d0011cb,",
        "color.donkerblauw.200": "S:b926644d1bc1478f87e08a6a41d49e9676e1e560,",
        "color.donkerblauw.300": "S:555fe26b0cfaf0fc0e30888ff38139bcbddc68d3,",
        "color.donkerblauw.400": "S:393135a029b97216d56b1786193777637dd2b6bb,",
        "color.mintgroen.100": "S:15d40389e1efe981126c2c9a70e8631d95cac6f6,",
        "color.mintgroen.200": "S:5ab68e08dfb333de935d4bb911a50ba669297a56,",
        "color.mintgroen.300": "S:a290763d722e98bf669afb1d769f135c66fb0b1f,",
        "color.mosgroen.100": "S:3f26cd9429106d947654d368920699e83980e586,",
        "color.mosgroen.200": "S:d208bb28f3510093a81825b8deae6007d2cbb556,",
        "color.mosgroen.300": "S:fc809cec013a909fd7900a68f5c43a17ce50a9ed,",
        "color.groen.100": "S:fead817826d456b3e7ad562995a470f704c77fff,",
        "color.groen.200": "S:6b0fc5a16694c409bdf1c98aaa41d6eceb6bf301,",
        "color.groen.300": "S:a4d50c02da4040c12c7455f6b18e5f97de141749,",
        "color.groen.400": "S:bda436676c0dcc23bdd8aa3cfeaf9a7b1326264f,",
        "color.donkergroen.100": "S:2e5c7093aba431f4f874476dcbcaa4538706ef76,",
        "color.donkergroen.200": "S:c12167b378e00f36741258e6d75fc65f21da1ee0,",
        "color.donkergroen.300": "S:72205982dede97406436099bc30192bef7ef8ba1,",
        "color.bruin.100": "S:66722f416350032574da082cb9f7a7b4677dd879,",
        "color.bruin.200": "S:e64f5abdd223d6795fd8b6c15d03b26a44208953,",
        "color.bruin.300": "S:388c3e4a98ee0aa15d654930db348f3a02fe7872,",
        "color.donkerbruin.100": "S:f7859c9de28021819eb10ce3e4b88dfe444388b6,",
        "color.donkerbruin.200": "S:dd4ffb0f5e502d1d76c1c32e2e496aaad4e2de92,",
        "color.donkerbruin.300": "S:4b7c7f4a47f54c70d5e6f2fad30d1d6a30d89ae5,",
        "color.geel.100": "S:d9d5807135ec32c34426fe8be00585da7e8649c3,",
        "color.geel.200": "S:873ca3704cf9750331d2af1c97cbbde733dde7b9,",
        "color.geel.300": "S:d743b6bd1838883d682ca1b522fb2d23d27442d5,",
        "color.donkergeel.100": "S:4c1127324e05cb812ffb4aeb5e7ee10903f27bbc,",
        "color.donkergeel.200": "S:c02f03408e12f1218d289450a5a045095d6a7b2a,",
        "color.donkergeel.300": "S:7f51b60829451937ba6c817cc4ccea6b9fcc9bd8,",
        "color.donkergeel.400": "S:63dd6cf4c605f90cd9542db406981f3931a90fa8,",
        "color.oranje.100": "S:cf50ce3f4101f091d21bea9435aa7efb93fa2720,",
        "color.oranje.200": "S:4f612303ee20aab13d27a9180b2698211c2b278d,",
        "color.oranje.300": "S:94759595be3ac63d3d6c778b10cc6392050b1354,",
        "color.oranje.400": "S:36af37d60ff51d47bad939729c4959c23c30dc1e,",
        "color.rood.100": "S:d6e0edfc3dc21f4536120915a9b1a96168fd92db,",
        "color.rood.200": "S:e258ccfba001aae12d93f7890711acde449346b5,",
        "color.rood.300": "S:3a2129b8e99ba51e347a2ea79347ffcf36b41a11,",
        "color.rood.400": "S:7f51768b27c15313a3887c4d5c56f7bb62cca50c,",
        "color.roze.100": "S:ceb1f062b3725394906f18856a82ee1897d6e314,",
        "color.roze.200": "S:787de3ad6db8b586fa12579d4374fc71eff5147d,",
        "color.roze.300": "S:e532efd9e9cc2bdf6ef543d1e00cb23174833a17,",
        "color.robijnrood.100": "S:4a4ffcee6dd8fe5f969ee41c0b30073162ef837d,",
        "color.robijnrood.200": "S:6c06416da5bbbce6959eeffb132abaa8e8d2b662,",
        "color.robijnrood.300": "S:909936802c890da541bbaff021b9f719191ae1a2,",
        "card.font.body": "S:b553bc790dda27781621a32707bb87ccfee6233c,",
        "card.font.title": "S:9df0680591cc16cff875093a2a35e6f77a8b1236,",
        "shadow.default": "S:b1ee029c3888b302213171921d746f03bc052d42,",
        "header.color.background": "S:150968cc5b00df92d379bce76f7f203f5953a210,",
        "header.color.foreground": "S:24a26a0a0cfe4d66a9d61b903b83674231ff4be9,"
      },
      "$figmaCollectionId": "VariableCollectionId:202:702",
      "$figmaModeId": "202:3",
      "$figmaVariableReferences": {
        "product.color.brand.default": "f5f67efde523a292c3e4847e9acf67610d2ebaba",
        "product.color.brand.subdued": "bfd5b6e957ca1f761a4e73a663142fb4b6913607",
        "product.color.brand.hover": "ac90e0d6ed28a9b31de2d755f8ff309e3a203cdf",
        "product.button.color.secondary.border": "1d8305373565b7740b3bd8e0ff12e40dfb8817a1",
        "product.button.color.secondary.foreground": "ced1a9248b2a2ddc81bf9af5c01360d57f72e064",
        "product.button.color.secondary.hover.border": "22f2506a1fa7efa6a66ab1fc4851f888d1db959c",
        "product.button.color.secondary.hover.foreground": "f4334c269e6ae3b62732f91ec5b95dd2b5973de0",
        "product.button.color.secondary.hover.background": "42679910b4d6f294d5f7086e84a99f92e9d4558c",
        "product.button.color.tertiary.foreground": "f2f62e58614e79a7cf3c407f305d6fbcc08736c2",
        "product.button.color.tertiary.hover.foreground": "ccd51428dbc25d882c43b599399fb0dd1dd14359",
        "product.button.color.tertiary.hover.background": "eae136ad044be55f3c69f4949e6ab791ece3f939"
      },
      "group": "brand"
    },
    {
      "id": "6bc5fe5338747a8377812225c705877a5e69aea8",
      "name": "light",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "mode/light": "enabled"
      },
      "$figmaCollectionId": "VariableCollectionId:202:714",
      "$figmaModeId": "202:4",
      "$figmaVariableReferences": {
        "mode.color.foreground": "bcef2f117097559c9b5d5835847d5a935e8775b7",
        "mode.color.background": "e38f4d7a07720176e44d6ce9ef3d87dff41c85dc",
        "mode.color.border": "f5b3607667ed8eae8ecf09c297d5643bca31bfdc",
        "mode.color.canvas": "5ae50c3c2bc40ed1d9ce690052bbac4c8961fba5",
        "mode.color.subdued.foreground": "17ca9276fc6302500b20cc800004602d625fbb79",
        "mode.color.subdued.background": "c462887dfa76ffaf1a1453d816a35f5a499e22cf",
        "mode.color.subdued.border": "52e4ac474032355f6b9577782497969f00cc63f9",
        "mode.color.hover.background": "0d260de395776d41805479a91d8993511236f840",
        "mode.button.color.tertiary.hover.background": "dc2ed970a61a6857fe666d91a5778bfbc72243e4",
        "mode.button.color.tertiary.hover.foreground": "4bfac3784f93d9890fda8fac51a11ed6a5ed4e8e",
        "mode.button.color.tertiary.foreground": "60728208bb6ab9c2f3d5e1e0f559b7eb635e66af",
        "mode.button.color.secondary.hover.foreground": "60480b2b220bc7554917715ccd92a40e01e2d2c3",
        "mode.button.color.secondary.hover.background": "7fcb966035844ffaffdb2c3732e437c5e78516f1",
        "mode.button.color.secondary.hover.border": "c5e8b02f019ae3ec594798cc4e224174be7e3718",
        "mode.button.color.secondary.foreground": "e11fb14bb68e2d7e4fa12e6bb4ab09d1c48e8ac2",
        "mode.button.color.secondary.border": "e5abda64f6d60411df7b45867009647560152b1c"
      },
      "group": "mode"
    },
    {
      "id": "b6dc798fba8b7d19c140d8d5a2d86c967eb55c9f",
      "name": "dark",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "mode/dark": "enabled"
      },
      "$figmaCollectionId": "VariableCollectionId:202:714",
      "$figmaModeId": "202:5",
      "$figmaVariableReferences": {
        "button.color.primary.foreground": "41a36db34164e1f6b2179fa321ff38338a8da331",
        "button.color.primary.background": "d345d1c39ad082c482535b1d8006454ebaed86dd",
        "button.color.primary.border": "71544975aa42c551ad42308344ce6bb342de48d3",
        "button.color.primary.hover.background": "48725efd9174419f9c01a289ed4c8e89a8ceef2d",
        "button.color.primary.disabled.foreground": "114de211eac41df9cc3292e550412fdb50574fc2",
        "button.color.primary.disabled.background": "53a9114f8ff698429daad5977c11f16e2bb8ed92",
        "button.color.tertiary.foreground": "7bef8c0808da1a1be9162aaa39aba64a0c5e81bd",
        "button.color.tertiary.background": "348f97cdb3cfd9a490583d8842c47af7648d7cdc",
        "button.color.tertiary.border": "4559d49e04cb057f142742c5ba3c9772ab10e695",
        "button.color.tertiary.hover.foreground": "43f178cebf2a999a6f82d5d313891ce9dbe835fd",
        "button.color.tertiary.hover.background": "e4497713db752e34ee38f4a9c45b3a2e2c7c777b",
        "button.color.tertiary.disabled.foreground": "6938a6c482626a1b74dfa948b8ba9d43dc88e751",
        "button.color.secondary.foreground": "f0a60e6c841a548ea525105486772fcfb3f41f47",
        "button.color.secondary.background": "88ec2b47a33815fcb85748047be177dd22505bde",
        "button.color.secondary.border": "9ccb068a6d6d5f4d31d519ebda9422d4eb66520c",
        "button.color.secondary.disabled.foreground": "bfee2f17a7acf3d19bf09710dc5a346b9f08901c",
        "button.color.secondary.disabled.background": "e410d113c5b5b372a94f47805e041877835d7315",
        "button.color.secondary.disabled.border": "13ffa57cdc5f91d4782748a6ad6cc7fe177333b3",
        "button.color.secondary.hover.foreground": "bd2c27a896a6ee5bae1e4ac49e095588d2c38d6b",
        "button.color.secondary.hover.background": "c7a2eb8503bb6c636a27452131a9f39ddaaed0dd",
        "button.color.secondary.hover.border": "500bd4610b4fd89b3c552bd0c798255f80e73bde",
        "button.color.loading.foreground": "4880379b235242aa075c0d58bf47dbbf751fb042",
        "logius.color.foreground": "f37193128248dc1b7fbe78117a8e4464fcb831de",
        "logius.color.background": "0ea41169815a8b63bf54e634ed79d2b5eaaf0a36",
        "logius.color.border": "54a93724c255d5cf15d335e666673b9e3aa4b02d",
        "logius.color.canvas": "8a5c652303ecde570e7fa0b354fc75f42a17afa3",
        "logius.color.onEmphasis.foreground": "2d2c8d4420f3595d7777d5cd5b78adfc38d2baf8",
        "logius.color.subdued.foreground": "826c3fd04e50da09f22fb489aedebb08aa792656",
        "logius.color.subdued.background": "a1ddc3f7b32efe7f18f054c3fe293eeb743da176",
        "logius.color.subdued.border": "5791c7e9d34ad401be6ef8d09650669f0ddb8580",
        "logius.color.hover.background": "b2599ba164fb0ce16dca3e6655f5bddebcfdccbf",
        "logius.color.brand.default": "752022a6cfd892728a44554d4f9a1596b3f3459f",
        "logius.color.brand.subdued": "9a59cc11ea26781c0db2c939fc1fdad20f24edca",
        "logius.color.brand.hover": "5126fd27d385e7176fee3b3021f104bb63572ec7",
        "logius.color.feedback.success.default": "d4f61eb38871b6c6f3ae3111b41ac6ae102fda5a",
        "logius.color.feedback.success.subdued": "ad31ab9b80a05e6308423aa35c6085e9b6de6221",
        "logius.color.feedback.info.default": "042a4ea91382fc439386d0b91a21bd70f4d42368",
        "logius.color.feedback.info.subdued": "fbf6839211b60cf5cddc18185a8f6da304857c60",
        "logius.color.feedback.error.default": "f8bd6d1bc6da432afaa0a969320c8802828db116",
        "logius.color.feedback.error.subdued": "1a47d96076a14099fbc87b0f99fb2333831dcf1e",
        "logius.color.feedback.warning.default": "d8ae10ea051f38358d2fb87fd3570a8b1f1753ff",
        "logius.color.feedback.warning.subdued": "c136f0d6d809c110bf6df2827291dc6b384f4fa6",
        "mode.color.foreground": "bcef2f117097559c9b5d5835847d5a935e8775b7",
        "mode.color.background": "e38f4d7a07720176e44d6ce9ef3d87dff41c85dc",
        "mode.color.border": "f5b3607667ed8eae8ecf09c297d5643bca31bfdc",
        "mode.color.canvas": "5ae50c3c2bc40ed1d9ce690052bbac4c8961fba5",
        "mode.color.subdued.foreground": "17ca9276fc6302500b20cc800004602d625fbb79",
        "mode.color.subdued.background": "c462887dfa76ffaf1a1453d816a35f5a499e22cf",
        "mode.color.subdued.border": "52e4ac474032355f6b9577782497969f00cc63f9",
        "mode.color.hover.background": "0d260de395776d41805479a91d8993511236f840",
        "mode.button.color.tertiary.hover.background": "dc2ed970a61a6857fe666d91a5778bfbc72243e4",
        "mode.button.color.tertiary.hover.foreground": "4bfac3784f93d9890fda8fac51a11ed6a5ed4e8e",
        "mode.button.color.tertiary.foreground": "60728208bb6ab9c2f3d5e1e0f559b7eb635e66af",
        "mode.button.color.secondary.hover.foreground": "60480b2b220bc7554917715ccd92a40e01e2d2c3",
        "mode.button.color.secondary.hover.background": "7fcb966035844ffaffdb2c3732e437c5e78516f1",
        "mode.button.color.secondary.hover.border": "c5e8b02f019ae3ec594798cc4e224174be7e3718",
        "mode.button.color.secondary.foreground": "e11fb14bb68e2d7e4fa12e6bb4ab09d1c48e8ac2",
        "mode.button.color.secondary.border": "e5abda64f6d60411df7b45867009647560152b1c",
        "button.space.small.vertical-padding": "36fe26775332d7923066606d22dff491935c7b39",
        "button.space.vertical-padding": "a4cb0a4378513c944e660a63456728104899e0bb",
        "button.space.padding-right": "d471ec1a5eed4bd42a27b22ed99508d175a782fe",
        "button.space.padding-left": "a15fbab8dfa4a113f21ec08d396d08cb3409cefc",
        "button.space.icon-left.padding-left": "79ea21b46105bd74ba4b370064ffa028d047cac7",
        "button.space.icon-right.padding-right": "8903d05b4ea0be90adf297855511df82fbec87bb",
        "button.space.gap": "41fbe1a340c6ef5a599f3e218fe6711d6272df67",
        "button.border-radius": "f0c2521354b58f76048009e36c4b0e45db72bc80",
        "button.border-width": "27c4c65954c5f37ac69a77bc0aa5d12b25dc3d2a",
        "button.icon-size": "e0004ba2eb781946c7284563fd4f9f3a3570c64a",
        "button.size.min-height": "4806d4f9d14081510ab5a8d0a770d4d820af8e56",
        "button.size.small.min-height": "85ae9ff91d2a1e4e36ec4c4973ea9d2827bcb682",
        "logius.space.icon-side": "11e789dc6886bff4d4f0d6959b4b889e0d62281c",
        "logius.space.compensation-height.default": "7c1443c00c77a29008db1a1bc440c2d2861fef86",
        "logius.space.compensation-height.small": "7581b091d29714596d8351618d472ac2114f365e",
        "logius.space.compensation-height.icon": "7029f632704ddaa461cb433c80f603f7e8ed607f",
        "logius.size.2xs": "17756b01368d02c2b9939796d88b66bc5eaa0449",
        "logius.size.xs": "96262d8a7cfc0a696939a1f058c8215ee26c0849",
        "logius.size.s": "197e1ba04318960b40ba0a7f7310b05b26d24712",
        "logius.size.m": "59ef2f74e1eab6adafbedfe3945ed88da56e03f9",
        "logius.icon-size.default": "e67fb09a53367cf775a0a2d377c9617f9498074d",
        "logius.icon-size.large": "9a9450edc6f164ab69385b1caa60a8f950c90407"
      },
      "group": "mode"
    }
  ],
  "$metadata": {
    "tokenSetOrder": [
      "core",
      "breakpoint/vp-md",
      "breakpoint/vp-xs",
      "product/A",
      "product/B",
      "product/C",
      "mode/dark",
      "mode/light",
      "semantic",
      "component/button"
    ]
  }
}