jeroen.tokens.json

{
  "brand": {
    "voorbeeld": {
      "typography": {
        "font-size": {
          "sm": {
            "value": "14px",
            "type": "fontSizes"
          },
          "md": {
            "value": "16px",
            "type": "fontSizes"
          },
          "lg": {
            "value": "20px",
            "type": "fontSizes"
          },
          "xl": {
            "value": "24px",
            "type": "fontSizes"
          },
          "2xl": {
            "value": "32px",
            "type": "fontSizes"
          },
          "3xl": {
            "value": "40px",
            "type": "fontSizes"
          },
          "4xl": {
            "value": "48px",
            "type": "fontSizes"
          }
        },
        "line-height": {
          "xs": {
            "value": "100%",
            "type": "lineHeights"
          },
          "sm": {
            "value": "125%",
            "type": "lineHeights"
          },
          "md": {
            "value": "150%",
            "type": "lineHeights"
          },
          "lg": {
            "value": "200%",
            "type": "lineHeights"
          }
        },
        "font-weight": {
          "normal": {
            "value": "Regular",
            "type": "fontWeights"
          },
          "bold": {
            "value": "Bold",
            "type": "fontWeights"
          }
        },
        "font-family": {
          "primary": {
            "value": "Source Serif Pro, Tahoma, Verdana, sans-serif",
            "type": "fontFamilies"
          },
          "secondary": {
            "value": "Fira Sans, Tahoma, Verdana, sans-serif",
            "type": "fontFamilies"
          }
        }
      },
      "color": {
        "white": {
          "value": "#ffffff",
          "type": "color"
        },
        "black": {
          "value": "#000000",
          "type": "color"
        },
        "violet": {
          "50": {
            "value": "#f8f5ff",
            "type": "color"
          },
          "100": {
            "value": "#f0ebff",
            "type": "color"
          },
          "200": {
            "value": "#dbcdff",
            "type": "color"
          },
          "300": {
            "value": "#c6b0ff",
            "type": "color"
          },
          "400": {
            "value": "#b092ff",
            "type": "color"
          },
          "500": {
            "value": "#966eff",
            "type": "color"
          },
          "600": {
            "value": "#743fff",
            "type": "color"
          },
          "700": {
            "value": "#5616ff",
            "type": "color"
          },
          "800": {
            "value": "#4a13db",
            "type": "color"
          },
          "900": {
            "value": "#3b0faf",
            "type": "color"
          },
          "950": {
            "value": "#210963",
            "type": "color"
          }
        },
        "gray": {
          "50": {
            "value": "#f5f6f8",
            "type": "color"
          },
          "100": {
            "value": "#ebeef1",
            "type": "color"
          },
          "200": {
            "value": "#cfd5dd",
            "type": "color"
          },
          "300": {
            "value": "#b4bdc9",
            "type": "color"
          },
          "400": {
            "value": "#99a5b6",
            "type": "color"
          },
          "500": {
            "value": "#7a8aa0",
            "type": "color"
          },
          "600": {
            "value": "#586c88",
            "type": "color"
          },
          "700": {
            "value": "#435979",
            "type": "color"
          },
          "800": {
            "value": "#344c6e",
            "type": "color"
          },
          "900": {
            "value": "#223c61",
            "type": "color"
          },
          "950": {
            "value": "#001e49",
            "type": "color"
          }
        },
        "pink": {
          "50": {
            "value": "#fcf4f8",
            "type": "color"
          },
          "100": {
            "value": "#fae9f1",
            "type": "color"
          },
          "200": {
            "value": "#f2c9dc",
            "type": "color"
          },
          "300": {
            "value": "#eaaac7",
            "type": "color"
          },
          "400": {
            "value": "#e289b1",
            "type": "color"
          },
          "500": {
            "value": "#d85e95",
            "type": "color"
          },
          "600": {
            "value": "#c9216c",
            "type": "color"
          },
          "700": {
            "value": "#ac0f55",
            "type": "color"
          },
          "800": {
            "value": "#930d49",
            "type": "color"
          },
          "900": {
            "value": "#760a3b",
            "type": "color"
          },
          "950": {
            "value": "#420621",
            "type": "color"
          }
        },
        "red": {
          "50": {
            "value": "#fff4f4",
            "type": "color"
          },
          "100": {
            "value": "#fee9ea",
            "type": "color"
          },
          "200": {
            "value": "#fdc7ca",
            "type": "color"
          },
          "300": {
            "value": "#fba5a9",
            "type": "color"
          },
          "400": {
            "value": "#fa7f85",
            "type": "color"
          },
          "500": {
            "value": "#f7464e",
            "type": "color"
          },
          "600": {
            "value": "#cd262d",
            "type": "color"
          },
          "700": {
            "value": "#ab1f25",
            "type": "color"
          },
          "800": {
            "value": "#95112d",
            "type": "color"
          },
          "900": {
            "value": "#770e25",
            "type": "color"
          },
          "950": {
            "value": "#410c0e",
            "type": "color"
          }
        },
        "orange": {
          "50": {
            "value": "#fff5ed",
            "type": "color"
          },
          "100": {
            "value": "#ffead9",
            "type": "color"
          },
          "200": {
            "value": "#ffcaa1",
            "type": "color"
          },
          "300": {
            "value": "#ffa865",
            "type": "color"
          },
          "400": {
            "value": "#ff8120",
            "type": "color"
          },
          "500": {
            "value": "#da6c18",
            "type": "color"
          },
          "600": {
            "value": "#a75312",
            "type": "color"
          },
          "700": {
            "value": "#8b450f",
            "type": "color"
          },
          "800": {
            "value": "#763b0d",
            "type": "color"
          },
          "900": {
            "value": "#5e2f0a",
            "type": "color"
          },
          "950": {
            "value": "#331906",
            "type": "color"
          }
        },
        "yellow": {
          "50": {
            "value": "#fff7cf",
            "type": "color"
          },
          "100": {
            "value": "#ffef99",
            "type": "color"
          },
          "200": {
            "value": "#f9d100",
            "type": "color"
          },
          "300": {
            "value": "#ddb900",
            "type": "color"
          },
          "400": {
            "value": "#c1a200",
            "type": "color"
          },
          "500": {
            "value": "#a08700",
            "type": "color"
          },
          "600": {
            "value": "#7d6900",
            "type": "color"
          },
          "700": {
            "value": "#685700",
            "type": "color"
          },
          "800": {
            "value": "#584a00",
            "type": "color"
          },
          "900": {
            "value": "#463b00",
            "type": "color"
          },
          "950": {
            "value": "#251f00",
            "type": "color"
          }
        },
        "green": {
          "50": {
            "value": "#ebfaef",
            "type": "color"
          },
          "100": {
            "value": "#d5f5de",
            "type": "color"
          },
          "200": {
            "value": "#94e6ab",
            "type": "color"
          },
          "300": {
            "value": "#4ad571",
            "type": "color"
          },
          "400": {
            "value": "#20bd4c",
            "type": "color"
          },
          "500": {
            "value": "#1b9d3f",
            "type": "color"
          },
          "600": {
            "value": "#157b31",
            "type": "color"
          },
          "700": {
            "value": "#116629",
            "type": "color"
          },
          "800": {
            "value": "#0f5723",
            "type": "color"
          },
          "900": {
            "value": "#0c451c",
            "type": "color"
          },
          "950": {
            "value": "#06250f",
            "type": "color"
          }
        },
        "sea-green": {
          "50": {
            "value": "#ebf9f8",
            "type": "color"
          },
          "100": {
            "value": "#d7f3f0",
            "type": "color"
          },
          "200": {
            "value": "#99e2d8",
            "type": "color"
          },
          "300": {
            "value": "#56cfbf",
            "type": "color"
          },
          "400": {
            "value": "#09b9a1",
            "type": "color"
          },
          "500": {
            "value": "#009a85",
            "type": "color"
          },
          "600": {
            "value": "#007869",
            "type": "color"
          },
          "700": {
            "value": "#006457",
            "type": "color"
          },
          "800": {
            "value": "#00554a",
            "type": "color"
          },
          "900": {
            "value": "#00433b",
            "type": "color"
          },
          "950": {
            "value": "#002520",
            "type": "color"
          }
        },
        "blue": {
          "50": {
            "value": "#eef8fe",
            "type": "color"
          },
          "100": {
            "value": "#ddf0fc",
            "type": "color"
          },
          "200": {
            "value": "#abdbf8",
            "type": "color"
          },
          "300": {
            "value": "#78c5f4",
            "type": "color"
          },
          "400": {
            "value": "#40adef",
            "type": "color"
          },
          "500": {
            "value": "#008de4",
            "type": "color"
          },
          "600": {
            "value": "#006fb3",
            "type": "color"
          },
          "700": {
            "value": "#005c94",
            "type": "color"
          },
          "800": {
            "value": "#004e7e",
            "type": "color"
          },
          "900": {
            "value": "#003e64",
            "type": "color"
          },
          "950": {
            "value": "#002237",
            "type": "color"
          }
        },
        "light": {
          "alpha": {
            "50": {
              "value": "#ffffff0d",
              "type": "color"
            },
            "100": {
              "value": "#ffffff1a",
              "type": "color"
            }
          }
        },
        "dark": {
          "alpha": {
            "50": {
              "value": "#0000000d",
              "type": "color"
            },
            "100": {
              "value": "#0000001a",
              "type": "color"
            }
          }
        }
      },
      "space": {
        "inline": {
          "flea": {
            "value": "2px",
            "type": "spacing"
          },
          "ant": {
            "value": "4px",
            "type": "spacing"
          },
          "beetle": {
            "value": "8px",
            "type": "spacing"
          },
          "snail": {
            "value": "12px",
            "type": "spacing"
          },
          "mouse": {
            "value": "16px",
            "type": "spacing"
          },
          "rat": {
            "value": "20px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "24px",
            "type": "spacing"
          },
          "cat": {
            "value": "28px",
            "type": "spacing"
          },
          "dog": {
            "value": "32px",
            "type": "spacing"
          },
          "pig": {
            "value": "48px",
            "type": "spacing"
          }
        },
        "block": {
          "flea": {
            "value": "2px",
            "type": "spacing"
          },
          "ant": {
            "value": "4px",
            "type": "spacing"
          },
          "beetle": {
            "value": "8px",
            "type": "spacing"
          },
          "snail": {
            "value": "12px",
            "type": "spacing"
          },
          "mouse": {
            "value": "16px",
            "type": "spacing"
          },
          "rat": {
            "value": "20px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "24px",
            "type": "spacing"
          },
          "cat": {
            "value": "32px",
            "type": "spacing"
          },
          "dog": {
            "value": "48px",
            "type": "spacing"
          },
          "pig": {
            "value": "64px",
            "type": "spacing"
          }
        },
        "text": {
          "flea": {
            "value": "1px",
            "type": "spacing",
            "description": "0.125ch"
          },
          "ant": {
            "value": "2px",
            "type": "spacing",
            "description": "0.25ch"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing",
            "description": "0.5ch"
          },
          "snail": {
            "value": "6px",
            "type": "spacing",
            "description": "0.75ch"
          },
          "mouse": {
            "value": "8px",
            "type": "spacing",
            "description": "1ch"
          },
          "rat": {
            "value": "12px",
            "type": "spacing",
            "description": "1.5ch"
          },
          "rabbit": {
            "value": "14px",
            "type": "spacing",
            "description": "1.75ch"
          },
          "cat": {
            "value": "16px",
            "type": "spacing",
            "description": "2ch"
          },
          "dog": {
            "value": "24px",
            "type": "spacing",
            "description": "3ch"
          }
        },
        "column": {
          "flea": {
            "value": "1px",
            "type": "spacing"
          },
          "ant": {
            "value": "2px",
            "type": "spacing"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing"
          },
          "snail": {
            "value": "8px",
            "type": "spacing"
          },
          "mouse": {
            "value": "12px",
            "type": "spacing"
          },
          "rat": {
            "value": "16px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "20px",
            "type": "spacing"
          },
          "cat": {
            "value": "24px",
            "type": "spacing"
          },
          "dog": {
            "value": "28px",
            "type": "spacing"
          },
          "pig": {
            "value": "32px",
            "type": "spacing"
          },
          "tiger": {
            "value": "48px",
            "type": "spacing"
          },
          "horse": {
            "value": "64px",
            "type": "spacing"
          },
          "elephant": {
            "value": "96px",
            "type": "spacing"
          },
          "giraffe": {
            "value": "160px",
            "type": "spacing"
          }
        },
        "row": {
          "flea": {
            "value": "1px",
            "type": "spacing"
          },
          "ant": {
            "value": "2px",
            "type": "spacing"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing"
          },
          "snail": {
            "value": "8px",
            "type": "spacing"
          },
          "mouse": {
            "value": "12px",
            "type": "spacing"
          },
          "rat": {
            "value": "16px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "20px",
            "type": "spacing"
          },
          "cat": {
            "value": "24px",
            "type": "spacing"
          },
          "dog": {
            "value": "28px",
            "type": "spacing"
          },
          "pig": {
            "value": "32px",
            "type": "spacing"
          },
          "tiger": {
            "value": "48px",
            "type": "spacing"
          },
          "horse": {
            "value": "64px",
            "type": "spacing"
          },
          "elephant": {
            "value": "96px",
            "type": "spacing"
          },
          "giraffe": {
            "value": "160px",
            "type": "spacing"
          }
        }
      },
      "border-radius": {
        "sm": {
          "value": "4px",
          "type": "borderRadius"
        },
        "md": {
          "value": "8px",
          "type": "borderRadius"
        },
        "lg": {
          "value": "16px",
          "type": "borderRadius"
        },
        "round": {
          "value": "999px",
          "type": "borderRadius"
        }
      },
      "border-width": {
        "sm": {
          "value": "1px",
          "type": "borderWidth"
        },
        "md": {
          "value": "2px",
          "type": "borderWidth"
        },
        "lg": {
          "value": "4px",
          "type": "borderWidth"
        }
      },
      "size": {
        "5xs": {
          "value": "2px",
          "type": "sizing"
        },
        "4xs": {
          "value": "4px",
          "type": "sizing"
        },
        "3xs": {
          "value": "8px",
          "type": "sizing"
        },
        "2xs": {
          "value": "16px",
          "type": "sizing"
        },
        "xs": {
          "value": "24px",
          "type": "sizing"
        },
        "sm": {
          "value": "32px",
          "type": "sizing"
        },
        "md": {
          "value": "48px",
          "type": "sizing"
        },
        "lg": {
          "value": "64px",
          "type": "sizing"
        },
        "xl": {
          "value": "96px",
          "type": "sizing"
        },
        "2xl": {
          "value": "160px",
          "type": "sizing"
        },
        "icon": {
          "sm": {
            "value": "20px",
            "type": "sizing"
          },
          "md": {
            "value": "24px",
            "type": "sizing"
          },
          "lg": {
            "value": "24px",
            "type": "sizing"
          },
          "xl": {
            "value": "24px",
            "type": "sizing"
          },
          "2xl": {
            "value": "32px",
            "type": "sizing"
          },
          "3xl": {
            "value": "40px",
            "type": "sizing"
          },
          "4xl": {
            "value": "48px",
            "type": "sizing"
          }
        }
      },
      "box-shadow": {
        "sm": {
          "value": {
            "x": "0",
            "y": "2",
            "blur": "6",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "md": {
          "value": {
            "x": "0",
            "y": "8",
            "blur": "16",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "lg": {
          "value": {
            "x": "0",
            "y": "16",
            "blur": "48",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        }
      }
    }
  },
  "common": {
    "utrecht": {
      "root": {
        "background-color": {
          "value": "{voorbeeld.color.gray.50}",
          "type": "color"
        }
      },
      "document": {
        "background-color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.gray.900}",
          "type": "color"
        },
        "inverse": {
          "background-color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        },
        "subtle": {
          "color": {
            "value": "{voorbeeld.color.gray.600}",
            "type": "color"
          }
        },
        "font-family": {
          "value": "{voorbeeld.typography.font-family.secondary}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.md}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{voorbeeld.typography.font-weight.normal}",
          "type": "fontWeights"
        },
        "strong": {
          "font-weight": {
            "value": "{voorbeeld.typography.font-weight.bold}",
            "type": "fontWeights"
          }
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        }
      },
      "heading": {
        "color": {
          "value": "{voorbeeld.color.gray.900}",
          "type": "color"
        },
        "font-family": {
          "value": "{voorbeeld.typography.font-family.primary}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{voorbeeld.typography.font-weight.bold}",
          "type": "fontWeights"
        }
      },
      "container": {
        "border-color": {
          "value": "{voorbeeld.color.gray.200}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        }
      },
      "line": {
        "border-color": {
          "value": "{voorbeeld.color.gray.200}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        }
      },
      "interaction": {
        "color": {
          "value": "{voorbeeld.color.violet.700}",
          "type": "color"
        },
        "active": {
          "color": {
            "value": "{voorbeeld.color.violet.900}",
            "type": "color"
          }
        },
        "hover": {
          "color": {
            "value": "{voorbeeld.color.violet.800}",
            "type": "color"
          }
        }
      },
      "focus": {
        "background-color": {
          "value": "{voorbeeld.color.violet.200}",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.black}",
          "type": "color"
        },
        "outline-color": {
          "value": "{voorbeeld.color.violet.700}",
          "type": "color"
        },
        "inverse": {
          "outline-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        },
        "outline-offset": {
          "value": "0",
          "type": "other"
        },
        "outline-style": {
          "value": "dotted",
          "type": "other"
        },
        "outline-width": {
          "value": "{voorbeeld.border-width.md}",
          "type": "borderWidth"
        }
      },
      "form-control": {
        "accent-color": {
          "value": "{utrecht.interaction.color}",
          "type": "color"
        },
        "background-color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "border-color": {
          "value": "{voorbeeld.color.gray.500}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "color": {
          "value": "{voorbeeld.color.gray.950}",
          "type": "color"
        },
        "active": {
          "accent-color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "disabled": {
          "accent-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.black}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.black}",
            "type": "color"
          }
        },
        "hover": {
          "accent-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "invalid": {
          "background-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{utrecht.feedback.negative.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "placeholder": {
          "color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          }
        }
      },
      "pointer-target": {
        "min-size": {
          "value": "{voorbeeld.size.md}",
          "type": "sizing"
        }
      },
      "icon": {
        "functional": {
          "size": {
            "value": "{voorbeeld.size.xs}",
            "type": "sizing"
          }
        },
        "toptask": {
          "size": {
            "value": "{voorbeeld.size.md}",
            "type": "sizing"
          }
        }
      },
      "feedback": {
        "informative": {
          "background-color": {
            "value": "{voorbeeld.color.blue.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.blue.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.blue.600}",
            "type": "color"
          }
        },
        "negative": {
          "background-color": {
            "value": "{voorbeeld.color.red.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.red.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.red.600}",
            "type": "color"
          }
        },
        "positive": {
          "background-color": {
            "value": "{voorbeeld.color.green.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.green.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.green.600}",
            "type": "color"
          }
        },
        "warning": {
          "background-color": {
            "value": "{voorbeeld.color.yellow.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.yellow.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.yellow.600}",
            "type": "color"
          }
        }
      }
    }
  },
  "component": {
    "nl": {
      "avatar": {
        "background-color": {
          "value": "{utrecht.interaction.color}",
          "type": "color"
        },
        "border-radius": {
          "value": "{voorbeeld.border-radius.round}",
          "type": "borderRadius"
        },
        "size": {
          "value": "{utrecht.pointer-target.min-size}",
          "type": "sizing"
        },
        "icon": {
          "icon-size": {
            "value": "{utrecht.icon.functional.size}",
            "type": "sizing"
          }
        },
        "border-color": {
          "value": "transparent",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "text": {
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "text-transform": {
            "value": "uppercase",
            "type": "textCase"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        }
      }
    },
    "utrecht": {
      "accordion": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "section": {
          "border-block-end-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "border-width": {
            "type": "borderWidth",
            "value": "auto"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          }
        },
        "body": {
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        },
        "button": {
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "icon": {
            "margin-inline": {
              "value": "{voorbeeld.space.inline.beetle}",
              "type": "spacing"
            },
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.100}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "expanded": {
            "background-color": {
              "value": "{voorbeeld.color.gray.50}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{voorbeeld.color.gray.50}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.200}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          },
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          }
        }
      },
      "alert": {
        "heading": {
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.heading.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          }
        },
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        },
        "border-width": {
          "value": "{utrecht.form-control.invalid.border-width}",
          "type": "borderWidth"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "informative": {
          "background-color": {
            "value": "{utrecht.feedback.informative.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.informative.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "icon": {
          "informative": {
            "color": {
              "value": "{utrecht.feedback.informative.color}",
              "type": "color"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.ant}",
            "type": "spacing"
          },
          "positive": {
            "color": {
              "value": "{utrecht.feedback.positive.color}",
              "type": "color"
            }
          },
          "negative": {
            "color": {
              "value": "{utrecht.feedback.negative.color}",
              "type": "color"
            }
          },
          "warning": {
            "color": {
              "value": "{utrecht.feedback.warning.color}",
              "type": "color"
            }
          },
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "negative": {
          "background-color": {
            "value": "{utrecht.feedback.negative.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "positive": {
          "background-color": {
            "value": "{utrecht.feedback.positive.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.positive.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "warning": {
          "background-color": {
            "value": "{utrecht.feedback.warning.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.warning.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "message": {
          "row-gap": {
            "value": "{voorbeeld.space.column.snail}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          }
        }
      },
      "blockquote": {
        "attribution": {
          "font-size": {
            "value": "{voorbeeld.typography.font-size.sm}",
            "type": "fontSizes"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.md}",
            "type": "lineHeights"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          }
        },
        "content": {
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "0px",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "0px",
          "type": "spacing"
        },
        "background-color": {
          "value": "transparent",
          "type": "color"
        }
      },
      "breadcrumb": {
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "link": {
          "icon": {
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            },
            "margin-inline": {
              "value": "{voorbeeld.space.inline.beetle}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            }
          },
          "hover": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            }
          },
          "current": {
            "color": {
              "type": "color",
              "value": "{utrecht.document.subtle.color}"
            }
          },
          "text-decoration": {
            "value": "underline",
            "type": "textDecoration"
          }
        },
        "divider": {
          "size": {
            "type": "sizing",
            "value": "{voorbeeld.size.2xs}"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          }
        },
        "margin-inline": {
          "value": "{voorbeeld.space.inline.beetle}",
          "type": "spacing"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        }
      },
      "button": {
        "primary-action": {
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.white}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{voorbeeld.color.white}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.white}"
            }
          }
        },
        "secondary-action": {
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{voorbeeld.color.white}"
          },
          "border-color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.100}"
            },
            "border-color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          }
        },
        "background-color": {
          "type": "color",
          "value": "transparent"
        },
        "border-color": {
          "type": "color",
          "value": "{voorbeeld.color.gray.900}"
        },
        "color": {
          "type": "color",
          "value": "{voorbeeld.color.gray.900}"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.md}"
        },
        "border-width": {
          "type": "borderWidth",
          "value": "{voorbeeld.border-width.sm}"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline": {
            "value": "{voorbeeld.space.inline.beetle}",
            "type": "spacing"
          }
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "subtle": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.dark.alpha.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.dark.alpha.100}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          }
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "disabled": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.focus.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          }
        },
        "active": {
          "background-color": {
            "value": "{voorbeeld.color.gray.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          }
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        }
      },
      "checkbox": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          }
        },
        "checked": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "focus": {
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            }
          },
          "hover": {
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "active": {
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          }
        },
        "indeterminate": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "active": {
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            }
          },
          "hover": {
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            }
          },
          "focus": {
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            }
          }
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "hover": {
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          }
        },
        "active": {
          "border-width": {
            "value": "{utrecht.form-control.active.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.active.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.active.border-color}",
            "type": "color"
          }
        }
      },
      "checkbox-group": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.rat}",
          "type": "spacing"
        }
      },
      "counter-badge": {
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.round}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "background-color": {
          "type": "color",
          "value": "{voorbeeld.color.violet.100}"
        },
        "border-color": {
          "type": "color",
          "value": "transparent"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "padding-inline": {
          "value": "{voorbeeld.space.inline.ant}",
          "type": "spacing"
        },
        "padding-block": {
          "value": "{voorbeeld.space.block.ant}",
          "type": "spacing"
        }
      },
      "data-list": {
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "item-value": {
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          }
        },
        "item-key": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          }
        },
        "item": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "item-action": {
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "{voorbeeld.space.inline.snail}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          }
        }
      },
      "form-field": {
        "invalid": {
          "border-inline-start-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "border-inline-start-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        }
      },
      "form-field-description": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.subtle.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "form-field-checkbox-option": {
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        }
      },
      "form-field-error-message": {
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline-end": {
            "value": "{voorbeeld.space.inline.beetle}",
            "type": "spacing"
          }
        },
        "color": {
          "type": "color",
          "value": "{utrecht.feedback.negative.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "form-field-label": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "form-field-option-label": {
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "disabled": {
          "color": {
            "value": "{voorbeeld.color.gray.600}",
            "type": "color"
          }
        }
      },
      "form-field-radio-option": {
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        }
      },
      "heading-1": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.3xl}",
          "type": "fontSizes"
        }
      },
      "heading-2": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.2xl}",
          "type": "fontSizes"
        }
      },
      "heading-3": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.xl}",
          "type": "fontSizes"
        }
      },
      "heading-4": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.lg}",
          "type": "fontSizes"
        }
      },
      "heading-5": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.md}",
          "type": "fontSizes"
        }
      },
      "heading-6": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        }
      },
      "link": {
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.interaction.color}"
        },
        "text-decoration-color": {
          "type": "color",
          "value": "{utrecht.interaction.color}"
        },
        "active": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.active.color}"
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          }
        },
        "focus": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.focus.background-color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.focus.color}"
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          },
          "text-decoration-thickness": {
            "value": "auto",
            "type": "other"
          }
        },
        "hover": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.hover.color}"
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          },
          "text-decoration-thickness": {
            "value": "auto",
            "type": "other"
          }
        },
        "visited": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          }
        },
        "text-decoration": {
          "value": "underline",
          "type": "textDecoration"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline": {
            "value": "{voorbeeld.space.inline.ant}",
            "type": "spacing"
          }
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "text-decoration-thickness": {
          "value": "auto",
          "type": "other"
        },
        "text-underline-offset": {
          "value": "auto",
          "type": "other"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        }
      },
      "ordered-list": {
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.rabbit}",
          "type": "spacing"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-familiy": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "item": {
          "margin-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "margin-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          }
        }
      },
      "pagination": {
        "relative-link": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "icon": {
            "margin-inline": {
              "value": "{voorbeeld.space.inline.ant}",
              "type": "spacing"
            },
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            }
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          },
          "border-radius": {
            "value": "0px",
            "type": "borderRadius"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "min-block-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "min-inline-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "previous": {
            "padding-inline-end": {
              "value": "{voorbeeld.space.inline.ant}",
              "type": "spacing"
            }
          },
          "next": {
            "padding-inline-start": {
              "value": "{voorbeeld.space.inline.ant}",
              "type": "spacing"
            }
          }
        },
        "page-link": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "current": {
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.document.color}"
            }
          },
          "border-radius": {
            "value": "0px",
            "type": "borderRadius"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "focus": {
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "hover": {
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          },
          "active": {
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "min-block-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "min-inline-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          }
        },
        "gap": {
          "value": "{voorbeeld.space.inline.ant}",
          "type": "spacing"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "ellipses": {
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          }
        }
      },
      "paragraph": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "paragraph-lead": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.lg}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "paragraph-small-print": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "radio": {
        "active": {
          "border-width": {
            "value": "{utrecht.form-control.active.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.active.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.active.border-color}",
            "type": "color"
          }
        },
        "size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "dot": {
          "size": {
            "type": "sizing",
            "value": "{voorbeeld.size.3xs}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          }
        },
        "checked": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "hover": {
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            }
          },
          "active": {
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            }
          },
          "focus": {
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            }
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.round}"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        }
      },
      "radio-group": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.rat}",
          "type": "spacing"
        }
      },
      "select": {
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "border-bottom-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        }
      },
      "separator": {
        "color": {
          "value": "{utrecht.line.border-color}",
          "type": "color"
        },
        "block-size": {
          "value": "{voorbeeld.size.4xs}",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        }
      },
      "skip-link": {
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "focus": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.focus.background-color}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.focus.color}"
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          }
        },
        "background-color": {
          "type": "color",
          "value": "{utrecht.document.inverse.background-color}"
        },
        "border-color": {
          "value": "transparent",
          "type": "color"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.inverse.color}"
        },
        "border-width": {
          "type": "borderWidth",
          "value": "{voorbeeld.border-width.sm}"
        },
        "box-block-end-shadow": {
          "value": "{voorbeeld.box-shadow.lg}",
          "type": "boxShadow"
        },
        "text-decoration": {
          "value": "underline",
          "type": "textDecoration"
        }
      },
      "status-badge": {
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.sm}"
        },
        "padding-inline": {
          "value": "{voorbeeld.space.inline.ant}",
          "type": "spacing"
        },
        "padding-block": {
          "value": "{voorbeeld.space.block.flea}",
          "type": "spacing"
        },
        "informative": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.alert.informative.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.informative.color}"
          }
        },
        "positive": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.alert.positive.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.positive.color}"
          }
        },
        "negative": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.feedback.negative.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.negative.color}"
          }
        },
        "warning": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.feedback.warning.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.warning.color}"
          }
        },
        "background-color": {
          "type": "color",
          "value": "{voorbeeld.color.violet.100}"
        },
        "border-color": {
          "type": "color",
          "value": "transparent"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        }
      },
      "table": {
        "header-cell": {
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "caption": {
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "margin-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.heading.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.heading.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          }
        },
        "cell": {
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          }
        },
        "data-cell": {
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "header": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "footer": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "row": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "footer-cell": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          }
        },
        "container": {
          "box-inline-end-shadow": {
            "value": "{voorbeeld.box-shadow.lg}",
            "type": "boxShadow"
          },
          "box-inline-start-shadow": {
            "value": "{voorbeeld.box-shadow.lg}",
            "type": "boxShadow"
          }
        }
      },
      "textarea": {
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "placeholder": {
          "color": {
            "value": "{utrecht.form-control.placeholder.color}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{utrecht.form-control.read-only.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.read-only.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.read-only.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "border-bottom-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        }
      },
      "textbox": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "placeholder": {
          "color": {
            "value": "{utrecht.form-control.placeholder.color}",
            "type": "color"
          }
        },
        "border-block-end-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "focus": {
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{utrecht.form-control.read-only.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.read-only.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.read-only.color}",
            "type": "color"
          }
        },
        "hover": {
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          }
        }
      },
      "unordered-list": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "marker": {
          "border-color": {
            "type": "color",
            "value": "{utrecht.document.color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.document.color}"
          }
        },
        "font-familiy": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.rabbit}",
          "type": "spacing"
        },
        "item": {
          "margin-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "margin-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          }
        }
      },
      "icon-only-button": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        }
      }
    },
    "denhaag": {
      "sidenav": {
        "link": {
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "icon": {
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            },
            "margin-inline": {
              "value": "{voorbeeld.space.inline.beetle}",
              "type": "spacing"
            }
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "current": {
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.document.color}"
            }
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "none",
              "type": "textDecoration"
            }
          },
          "hover": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "text-decoration": {
            "value": "none",
            "type": "textDecoration"
          }
        }
      }
    }
  },
  "$themes": [],
  "$metadata": {
    "tokenSetOrder": [
      "brand",
      "common",
      "component"
    ]
  }
}