{
  "brand/border": {
    "rhc": {
      "border-radius": {
        "round": {
          "$type": "dimension",
          "$value": "999px"
        },
        "none": {
          "$type": "dimension",
          "$value": "0px"
        }
      },
      "border-width": {
        "sm": {
          "$type": "dimension",
          "$value": "1px"
        },
        "md": {
          "$type": "dimension",
          "$value": "2px"
        },
        "none": {
          "$type": "dimension",
          "$value": "0px"
        }
      }
    }
  },
  "brand/color": {
    "rhc": {
      "color": {
        "dark": {
          "cool-grey": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.00341 247.86)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.00685 247.9)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.01262 255.51)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.01985 252.89)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.03511 256.79)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.04072 257.42)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(70% 0.03745 257.28)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(75% 0.03916 257.29)"
            },
            "800": {
              "$type": "color",
              "$value": "oklch(80% 0.03685 260.03)"
            },
            "900": {
              "$type": "color",
              "$value": "oklch(90% 0.03982 265.75)"
            }
          },
          "lichtblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01097 225.98)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.02265 229.08)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.03362 228.33)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.04367 228.77)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.05526 229.82)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.07312 230.01)"
            }
          },
          "violet": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.03308 342.99)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.06897 343.04)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.10691 345.11)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.14449 346.37)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.17678 348.88)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.19619 355.91)"
            }
          },
          "paars": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01659 313.61)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.03366 311.69)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.0537 311.31)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.07379 311.43)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.0951 311.16)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.12693 308.6)"
            }
          },
          "hemelblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02517 236.84)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.04976 236.19)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.07586 236.92)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.09931 237.91)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.12087 239.6)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.1475 246.59)"
            }
          },
          "donkerblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01939 230.71)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.03915 228.62)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.05961 229.57)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.07861 231.2)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.09536 232.46)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.11351 240.39)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(70% 0.0857 238.6)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(75% 0.0666 242.1)"
            }
          },
          "mintgroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01565 177.09)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.03166 174.3)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.04698 174.46)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.06195 174.17)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.07554 173.42)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.0978 171.97)"
            }
          },
          "mosgroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02386 106.85)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.048 108.67)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.07319 109.69)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.09559 109.9)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.1152 110.87)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.12413 112.04)"
            }
          },
          "groen": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02714 134.97)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.05573 133.62)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.08581 134.66)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.11337 134.83)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.13931 135.66)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.16526 137.86)"
            }
          },
          "donkergroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01004 155.08)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.02133 156.74)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.03405 155.14)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.04465 155.81)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.05672 154.7)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.07856 152.03)"
            }
          },
          "bruin": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02192 92.512)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.04183 90.262)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.06495 91.487)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.08378 90.368)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.10169 90.165)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.11349 86.368)"
            }
          },
          "donkerbruin": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.00886 26.023)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.01789 35.341)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.02847 34.982)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.0397 32.893)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.05269 33.378)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.0777 34.12)"
            }
          },
          "geel": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.03916 102.41)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.07444 101.91)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.10943 102.07)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.13889 102.52)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.16222 102.24)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.18368 101.29)"
            }
          },
          "donkergeel": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.0348 87.074)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.06747 86.64)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.0986 87.683)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.12671 86.692)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.14832 84.924)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.1685 78.997)"
            }
          },
          "oranje": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02922 67.463)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.05798 66.118)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.08766 65.585)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.11599 64.327)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.14021 62.24)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.16914 52.908)"
            }
          },
          "rood": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.02892 22.962)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.05903 22.29)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.09297 24.341)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.12823 24.893)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.161 26.992)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.20669 29.543)"
            }
          },
          "roze": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01909 338.71)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.03952 340.19)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.05785 340.73)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.07989 340.69)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.09974 341.81)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.13385 342.44)"
            }
          },
          "robijnrood": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.0378 347.99)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.07749 350.23)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.12112 351.28)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.1616 353.85)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.19588 356.71)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.21669 5.2)"
            }
          },
          "lintblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(10% 0.01217 247.96)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(15% 0.02611 250)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(20% 0.04031 252.01)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(30% 0.05353 250.5)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(40% 0.07031 251.25)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(65% 0.09695 253.44)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(70% 0.0676 256.1)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(75% 0.0577 258)"
            }
          },
          "wit": {
            "$type": "color",
            "$value": "oklch(0% 0 0)"
          },
          "zwart": {
            "$type": "color",
            "$value": "oklch(100% 0 0)"
          }
        },
        "light": {
          "cool-grey": {
            "50": {
              "$type": "color",
              "$value": "oklch(98.415% 0.00341 247.86)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(96.826% 0.00685 247.9)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(92.876% 0.01262 255.51)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(86.898% 0.01985 252.89)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(71.067% 0.03511 256.79)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(55.439% 0.04072 257.42)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(44.553% 0.03745 257.28)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(37.17% 0.03916 257.29)"
            },
            "800": {
              "$type": "color",
              "$value": "oklch(27.95% 0.03685 260.03)"
            },
            "900": {
              "$type": "color",
              "$value": "oklch(20.768% 0.03982 265.75)"
            }
          },
          "lichtblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(97.054% 0.01097 225.98)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(94.147% 0.02265 229.08)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(91.223% 0.03362 228.33)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(88.38% 0.04367 228.77)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(85.523% 0.05526 229.82)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(80.882% 0.07312 230.01)"
            }
          },
          "violet": {
            "50": {
              "$type": "color",
              "$value": "oklch(90.978% 0.03308 342.99)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(82.032% 0.06897 343.04)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(73.02% 0.10691 345.11)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(64.657% 0.14449 346.37)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(57.059% 0.17678 348.88)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(47.91% 0.19619 355.91)"
            }
          },
          "paars": {
            "50": {
              "$type": "color",
              "$value": "oklch(90.322% 0.01659 313.61)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(80.331% 0.03366 311.69)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(69.878% 0.0537 311.31)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(59.433% 0.07379 311.43)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(48.725% 0.0951 311.16)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(30.782% 0.12693 308.6)"
            }
          },
          "hemelblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(93.03% 0.02517 236.84)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(86.064% 0.04976 236.19)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(79.159% 0.07586 236.92)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(72.44% 0.09931 237.91)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(66.267% 0.12087 239.6)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(56.621% 0.1475 246.59)"
            }
          },
          "donkerblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(92.214% 0.01939 230.71)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(84.583% 0.03915 228.62)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(76.667% 0.05961 229.57)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(68.848% 0.07861 231.2)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(61.393% 0.09536 232.46)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(49.37% 0.11351 240.39)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(38.54% 0.0857 238.6)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(35.32% 0.0666 242.1)"
            }
          },
          "mintgroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(96.762% 0.01565 177.09)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(93.832% 0.03166 174.3)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(90.671% 0.04698 174.46)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(87.562% 0.06195 174.17)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(84.568% 0.07554 173.42)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(79.855% 0.0978 171.97)"
            }
          },
          "mosgroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(93.522% 0.02386 106.85)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(86.906% 0.048 108.67)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(80.213% 0.07319 109.69)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(73.58% 0.09559 109.9)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(67.146% 0.1152 110.87)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(56.062% 0.12413 112.04)"
            }
          },
          "groen": {
            "50": {
              "$type": "color",
              "$value": "oklch(93.217% 0.02714 134.97)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(86.449% 0.05573 133.62)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(79.53% 0.08581 134.66)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(72.789% 0.11337 134.83)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(66.05% 0.13931 135.66)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(55.24% 0.16526 137.86)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(42.78% 0.1169 137.2)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(38.71% 0.1016 137.1)"
            }
          },
          "donkergroen": {
            "50": {
              "$type": "color",
              "$value": "oklch(91.82% 0.01004 155.08)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(83.4% 0.02133 156.74)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(74.772% 0.03405 155.14)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(66.075% 0.04465 155.81)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(57.134% 0.05672 154.7)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(41.936% 0.07856 152.03)"
            }
          },
          "bruin": {
            "50": {
              "$type": "color",
              "$value": "oklch(93.663% 0.02192 92.512)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(87.1% 0.04183 90.262)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(80.647% 0.06495 91.487)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(73.999% 0.08378 90.368)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(67.529% 0.10169 90.165)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(56.785% 0.11349 86.368)"
            }
          },
          "donkerbruin": {
            "50": {
              "$type": "color",
              "$value": "oklch(91.272% 0.00886 26.023)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(82.53% 0.01789 35.341)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(73.385% 0.02847 34.982)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(64.043% 0.0397 32.893)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(54.784% 0.05269 33.378)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(38.627% 0.0777 34.12)"
            }
          },
          "geel": {
            "50": {
              "$type": "color",
              "$value": "oklch(98.264% 0.03916 102.41)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(96.474% 0.07444 101.91)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(94.767% 0.10943 102.07)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(93.421% 0.13889 102.52)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(91.982% 0.16222 102.24)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(90.176% 0.18368 101.29)"
            }
          },
          "donkergeel": {
            "50": {
              "$type": "color",
              "$value": "oklch(96.925% 0.0348 87.074)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(93.996% 0.06747 86.64)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(91.006% 0.0986 87.683)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(88.343% 0.12671 86.692)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(85.857% 0.14832 84.924)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(82.372% 0.1685 78.997)"
            }
          },
          "oranje": {
            "50": {
              "$type": "color",
              "$value": "oklch(94.607% 0.02922 67.463)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(89.031% 0.05798 66.118)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(83.566% 0.08766 65.585)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(78.604% 0.11599 64.327)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(73.791% 0.14021 62.24)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(66.559% 0.16914 52.908)"
            }
          },
          "rood": {
            "50": {
              "$type": "color",
              "$value": "oklch(92.432% 0.02892 22.962)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(84.913% 0.05903 22.29)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(77.654% 0.09297 24.341)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(70.838% 0.12823 24.893)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(64.638% 0.161 26.992)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(56.705% 0.20669 29.543)"
            },
            "600": {
              "$type": "color",
              "$value": "#9E1B16"
            },
            "700": {
              "$type": "color",
              "$value": "#731310"
            }
          },
          "roze": {
            "50": {
              "$type": "color",
              "$value": "oklch(96.567% 0.01909 338.71)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(92.954% 0.03952 340.19)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(89.486% 0.05785 340.73)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(86.014% 0.07989 340.69)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(82.767% 0.09974 341.81)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(77.485% 0.13385 342.44)"
            }
          },
          "robijnrood": {
            "50": {
              "$type": "color",
              "$value": "oklch(91.407% 0.0378 347.99)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(82.953% 0.07749 350.23)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(74.709% 0.12112 351.28)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(67.241% 0.1616 353.85)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(60.869% 0.19588 356.71)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(53.943% 0.21669 5.2)"
            }
          },
          "lintblauw": {
            "50": {
              "$type": "color",
              "$value": "oklch(91.254% 0.01217 247.96)"
            },
            "100": {
              "$type": "color",
              "$value": "oklch(82.048% 0.02611 250)"
            },
            "200": {
              "$type": "color",
              "$value": "oklch(72.708% 0.04031 252.01)"
            },
            "300": {
              "$type": "color",
              "$value": "oklch(63.656% 0.05353 250.5)"
            },
            "400": {
              "$type": "color",
              "$value": "oklch(53.819% 0.07031 251.25)"
            },
            "500": {
              "$type": "color",
              "$value": "oklch(37.619% 0.09695 253.44)"
            },
            "600": {
              "$type": "color",
              "$value": "oklch(30.37% 0.0676 256.1)"
            },
            "700": {
              "$type": "color",
              "$value": "oklch(28.03% 0.0577 258)"
            }
          },
          "wit": {
            "$type": "color",
            "$value": "oklch(100% 0 0)"
          },
          "zwart": {
            "$type": "color",
            "$value": "oklch(0% 0 0)"
          }
        }
      }
    }
  },
  "brand/color-mode/light": {
    "rhc": {
      "color": {
        "cool-grey": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.700}"
          },
          "800": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.800}"
          },
          "900": {
            "$type": "color",
            "$value": "{rhc.color.light.cool-grey.900}"
          }
        },
        "lichtblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.lichtblauw.500}"
          }
        },
        "violet": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.violet.500}"
          }
        },
        "paars": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.paars.500}"
          }
        },
        "hemelblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.hemelblauw.500}"
          }
        },
        "donkerblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerblauw.700}"
          }
        },
        "mintgroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.mintgroen.500}"
          }
        },
        "mosgroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.mosgroen.500}"
          }
        },
        "groen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.light.groen.700}"
          }
        },
        "donkergroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergroen.500}"
          }
        },
        "bruin": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.bruin.500}"
          }
        },
        "donkerbruin": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.donkerbruin.500}"
          }
        },
        "geel": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.geel.500}"
          }
        },
        "donkergeel": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.donkergeel.500}"
          }
        },
        "oranje": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.oranje.500}"
          }
        },
        "rood": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.light.rood.700}"
          }
        },
        "roze": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.roze.500}"
          }
        },
        "robijnrood": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.robijnrood.500}"
          }
        },
        "wit": {
          "$type": "color",
          "$value": "{rhc.color.light.wit}"
        },
        "zwart": {
          "$type": "color",
          "$value": "{rhc.color.light.zwart}"
        },
        "transparent": {
          "$type": "color",
          "$value": "transparent"
        },
        "lintblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.light.lintblauw.700}"
          }
        }
      }
    }
  },
  "brand/color-mode/dark": {
    "rhc": {
      "color": {
        "cool-grey": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.700}"
          },
          "800": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.800}"
          },
          "900": {
            "$type": "color",
            "$value": "{rhc.color.dark.cool-grey.900}"
          }
        },
        "lichtblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.lichtblauw.500}"
          }
        },
        "violet": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.violet.500}"
          }
        },
        "paars": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.paars.500}"
          }
        },
        "hemelblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.hemelblauw.500}"
          }
        },
        "donkerblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerblauw.700}"
          }
        },
        "mintgroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.mintgroen.500}"
          }
        },
        "mosgroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.mosgroen.500}"
          }
        },
        "groen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.groen.500}"
          }
        },
        "donkergroen": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergroen.500}"
          }
        },
        "bruin": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.bruin.500}"
          }
        },
        "donkerbruin": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkerbruin.500}"
          }
        },
        "geel": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.geel.500}"
          }
        },
        "donkergeel": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.donkergeel.500}"
          }
        },
        "oranje": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.oranje.500}"
          }
        },
        "rood": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.rood.500}"
          }
        },
        "roze": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.roze.500}"
          }
        },
        "robijnrood": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.robijnrood.500}"
          }
        },
        "wit": {
          "$type": "color",
          "$value": "{rhc.color.dark.wit}"
        },
        "zwart": {
          "$type": "color",
          "$value": "{rhc.color.dark.zwart}"
        },
        "transparent": {
          "$type": "color",
          "$value": "transparent"
        },
        "lintblauw": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.500}"
          },
          "600": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.600}"
          },
          "700": {
            "$type": "color",
            "$value": "{rhc.color.dark.lintblauw.700}"
          }
        }
      }
    }
  },
  "brand/space": {
    "rhc": {
      "space": {
        "none": {
          "$type": "dimension",
          "$value": "0rem"
        },
        "2xs": {
          "$type": "dimension",
          "$value": "0.0625rem"
        },
        "xs": {
          "$type": "dimension",
          "$value": "0.125rem"
        },
        "sm": {
          "$type": "dimension",
          "$value": "0.25rem"
        },
        "md": {
          "$type": "dimension",
          "$value": "0.5rem"
        },
        "lg": {
          "$type": "dimension",
          "$value": "0.75rem"
        },
        "xl": {
          "$type": "dimension",
          "$value": "1rem"
        },
        "2xl": {
          "$type": "dimension",
          "$value": "1.5rem"
        },
        "3xl": {
          "$type": "dimension",
          "$value": "2rem"
        },
        "4xl": {
          "$type": "dimension",
          "$value": "2.5rem"
        },
        "5xl": {
          "$type": "dimension",
          "$value": "3rem"
        },
        "max": {
          "2xs": {
            "$type": "dimension",
            "$value": "0.0625rem"
          },
          "xs": {
            "$type": "dimension",
            "$value": "0.125rem"
          },
          "sm": {
            "$type": "dimension",
            "$value": "0.25rem"
          },
          "md": {
            "$type": "dimension",
            "$value": "0.5rem"
          },
          "lg": {
            "$type": "dimension",
            "$value": "0.75rem"
          },
          "xl": {
            "$type": "dimension",
            "$value": "1rem"
          },
          "2xl": {
            "$type": "dimension",
            "$value": "1.5rem"
          },
          "3xl": {
            "$type": "dimension",
            "$value": "2rem"
          },
          "4xl": {
            "$type": "dimension",
            "$value": "2.5rem"
          },
          "5xl": {
            "$type": "dimension",
            "$value": "3rem"
          }
        },
        "min": {
          "2xs": {
            "$type": "dimension",
            "$value": "0.0625rem",
            "$description": "max(1, 0.0625 / 1.25)"
          },
          "xs": {
            "$type": "dimension",
            "$value": "0.1rem",
            "$description": "0.125rem / 1.25"
          },
          "sm": {
            "$type": "dimension",
            "$value": "0.2rem",
            "$description": "0.25rem / 1.25"
          },
          "md": {
            "$type": "dimension",
            "$value": "0.41666667rem",
            "$description": "0.5rem / 1.25"
          },
          "lg": {
            "$type": "dimension",
            "$value": "0.625rem",
            "$description": "0.75rem / 1.25"
          },
          "xl": {
            "$type": "dimension",
            "$value": "0.8rem",
            "$description": "1rem / 1.25"
          },
          "2xl": {
            "$type": "dimension",
            "$value": "1.2rem",
            "$description": "1.5rem / 1.25"
          },
          "3xl": {
            "$type": "dimension",
            "$value": "1.6rem",
            "$description": "2rem / 1.25"
          },
          "4xl": {
            "$type": "dimension",
            "$value": "2rem",
            "$description": "2.5rem / 1.25"
          },
          "5xl": {
            "$type": "dimension",
            "$value": "2.4rem",
            "$description": "3rem / 1.25"
          }
        }
      }
    }
  },
  "brand/size": {
    "rhc": {
      "size": {
        "min": {
          "lint": {
            "$type": "dimension",
            "$value": "2.5rem"
          },
          "2-lint": {
            "$type": "dimension",
            "$value": "5rem"
          }
        },
        "max": {
          "lint": {
            "$type": "dimension",
            "$value": "3rem"
          },
          "2-lint": {
            "$type": "dimension",
            "$value": "6rem"
          }
        },
        "quarter-lint": {
          "$type": "dimension",
          "$value": "0.75rem"
        },
        "half-lint": {
          "$type": "dimension",
          "$value": "1.5rem"
        },
        "3-lint": {
          "$type": "dimension",
          "$value": "9rem"
        }
      }
    }
  },
  "brand/text": {
    "rhc": {
      "text": {
        "font-weight": {
          "extra-bold": {
            "$type": "fontWeights",
            "$value": "ExtraBold"
          },
          "bold": {
            "$type": "fontWeights",
            "$value": "Bold"
          },
          "semi-bold": {
            "$type": "fontWeights",
            "$value": "SemiBold"
          },
          "regular": {
            "$type": "fontWeights",
            "$value": "Regular"
          },
          "light": {
            "$type": "fontWeights",
            "$value": "Light"
          },
          "thin": {
            "$type": "fontWeights",
            "$value": "Thin"
          }
        },
        "font-family": {
          "sans": {
            "$type": "fontFamilies",
            "$value": "'RijksSansVF', 'Fira Sans', 'Arial', 'Verdana', sans-serif"
          },
          "serif": {
            "$type": "fontFamilies",
            "$value": "'RijksoverheidSerifWeb', 'Times New Roman', serif"
          }
        },
        "font-size": {
          "max": {
            "sm": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "2.5rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "3rem",
              "$description": "[figma-only]"
            }
          },
          "min": {
            "sm": {
              "$type": "fontSizes",
              "$value": "0.875rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "1.75rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            }
          }
        },
        "letter-spacing": {
          "tight": {
            "$type": "dimension",
            "$value": "-0.004em",
            "$description": "[figma-only]"
          },
          "normal": {
            "$type": "dimension",
            "$value": "0em",
            "$description": "[figma-only]"
          }
        }
      }
    }
  },
  "common/base": {
    "rhc": {
      "color": {
        "foreground": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.900}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.700}"
          },
          "link": {
            "$type": "color",
            "$value": "{rhc.color.donkerblauw.500}"
          },
          "link-active": {
            "$type": "color",
            "$value": "{rhc.color.donkerblauw.700}"
          },
          "link-hover": {
            "$type": "color",
            "$value": "{rhc.color.donkerblauw.600}"
          },
          "on-dark-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "on-light-color": {
            "$type": "color",
            "$value": "{rhc.color.zwart}"
          }
        },
        "border": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.500}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.400}"
          },
          "strong": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "bg-document": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "positive": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.groen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.groen.100}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.groen.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "{rhc.color.groen.600}"
          },
          "active": {
            "$type": "color",
            "$value": "{rhc.color.groen.700}"
          }
        },
        "info": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.50}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.500}"
          }
        },
        "negative": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.rood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.rood.100}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.rood.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "{rhc.color.rood.600}"
          },
          "active": {
            "$type": "color",
            "$value": "{rhc.color.rood.700}"
          }
        },
        "warning": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.donkergeel.50}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.donkergeel.500}"
          }
        },
        "core": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.600}"
          },
          "active": {
            "$type": "color",
            "$value": "{rhc.color.lintblauw.700}"
          }
        }
      },
      "border-radius": {
        "sm": {
          "$type": "dimension",
          "$value": "2px"
        },
        "md": {
          "$type": "dimension",
          "$value": "4px"
        }
      },
      "size": {
        "pointer-target": {
          "$type": "dimension",
          "$value": "48px"
        },
        "icon": {
          "md": {
            "$type": "dimension",
            "$value": "{rhc.text.font-size.md}"
          },
          "lg": {
            "$type": "dimension",
            "$value": "{rhc.text.font-size.lg}"
          }
        },
        "page": {
          "md": {
            "$type": "dimension",
            "$value": "84rem"
          }
        }
      },
      "text": {
        "font-family": {
          "default": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.sans}"
          }
        },
        "font-weight": {
          "default": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.regular}"
          },
          "strong": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.bold}"
          }
        },
        "line-height": {
          "sm": {
            "$type": "lineHeights",
            "$value": "125%"
          },
          "md": {
            "$type": "lineHeights",
            "$value": "150%"
          }
        }
      }
    }
  },
  "common/type-scale/default": {
    "rhc": {
      "text": {
        "font-size": {
          "max": {
            "sm": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "2.5rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "3rem",
              "$description": "[figma-only]"
            }
          },
          "min": {
            "sm": {
              "$type": "fontSizes",
              "$value": "0.875rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "1.75rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            }
          }
        }
      },
      "icon": {
        "inset-block-start": {
          "min": {
            "md": {
              "$type": "dimension",
              "$value": "0.125rem",
              "$description": "[figma-only] [temporary – until nl-icon]"
            }
          },
          "max": {
            "md": {
              "$type": "dimension",
              "$value": "0.313rem",
              "$description": "[figma-only] [temporary – until nl-icon]"
            }
          }
        }
      }
    }
  },
  "common/type-scale/information-dense": {
    "rhc": {
      "text": {
        "font-size": {
          "min": {
            "sm": {
              "$type": "fontSizes",
              "$value": "0.875rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "1.75rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            }
          },
          "max": {
            "sm": {
              "$type": "fontSizes",
              "$value": "0.875rem",
              "$description": "[figma-only]"
            },
            "md": {
              "$type": "fontSizes",
              "$value": "1rem",
              "$description": "[figma-only]"
            },
            "lg": {
              "$type": "fontSizes",
              "$value": "1.25rem",
              "$description": "[figma-only]"
            },
            "xl": {
              "$type": "fontSizes",
              "$value": "1.5rem",
              "$description": "[figma-only]"
            },
            "2xl": {
              "$type": "fontSizes",
              "$value": "1.75rem",
              "$description": "[figma-only]"
            },
            "3xl": {
              "$type": "fontSizes",
              "$value": "2rem",
              "$description": "[figma-only]"
            }
          }
        }
      },
      "icon": {
        "inset-block-start": {
          "min": {
            "md": {
              "$type": "dimension",
              "$value": "0.125rem",
              "$description": "[figma-only] [temporary – until nl-icon]"
            }
          },
          "max": {
            "md": {
              "$type": "dimension",
              "$value": "0.125rem",
              "$description": "[figma-only] [temporary – until nl-icon]"
            }
          }
        }
      }
    }
  },
  "common/viewport/min": {
    "rhc": {
      "text": {
        "font-size": {
          "sm": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.sm}"
          },
          "md": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.md}"
          },
          "lg": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.lg}"
          },
          "xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.xl}"
          },
          "2xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.2xl}"
          },
          "3xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.min.3xl}"
          }
        }
      },
      "icon": {
        "inset-block-start": {
          "md": {
            "$type": "dimension",
            "$value": "{rhc.icon.inset-block-start.min.md}",
            "$description": "[figma-only] [temporary – until nl-icon]"
          }
        }
      },
      "space": {
        "none": {
          "$type": "dimension",
          "$value": "0rem"
        },
        "2xs": {
          "$type": "dimension",
          "$value": "{rhc.space.min.2xs}"
        },
        "xs": {
          "$type": "dimension",
          "$value": "{rhc.space.min.xs}"
        },
        "sm": {
          "$type": "dimension",
          "$value": "{rhc.space.min.sm}"
        },
        "md": {
          "$type": "dimension",
          "$value": "{rhc.space.min.md}"
        },
        "lg": {
          "$type": "dimension",
          "$value": "{rhc.space.min.lg}"
        },
        "xl": {
          "$type": "dimension",
          "$value": "{rhc.space.min.xl}"
        },
        "2xl": {
          "$type": "dimension",
          "$value": "{rhc.space.min.2xl}"
        },
        "3xl": {
          "$type": "dimension",
          "$value": "{rhc.space.min.3xl}"
        },
        "4xl": {
          "$type": "dimension",
          "$value": "{rhc.space.min.4xl}"
        },
        "5xl": {
          "$type": "dimension",
          "$value": "{rhc.space.min.5xl}"
        }
      },
      "size": {
        "lint": {
          "$type": "dimension",
          "$value": "{rhc.size.min.lint}"
        },
        "2-lint": {
          "$type": "dimension",
          "$value": "{rhc.size.min.2-lint}"
        }
      }
    }
  },
  "common/viewport/max": {
    "rhc": {
      "text": {
        "font-size": {
          "sm": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.sm}"
          },
          "md": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.md}"
          },
          "lg": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.lg}"
          },
          "xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.xl}"
          },
          "2xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.2xl}"
          },
          "3xl": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.max.3xl}"
          }
        }
      },
      "icon": {
        "inset-block-start": {
          "md": {
            "$type": "dimension",
            "$value": "{rhc.icon.inset-block-start.max.md}",
            "$description": "[figma-only] [temporary – until nl-icon]"
          }
        }
      },
      "space": {
        "none": {
          "$type": "dimension",
          "$value": "0rem"
        },
        "2xs": {
          "$type": "dimension",
          "$value": "{rhc.space.max.2xs}"
        },
        "xs": {
          "$type": "dimension",
          "$value": "{rhc.space.max.xs}"
        },
        "sm": {
          "$type": "dimension",
          "$value": "{rhc.space.max.sm}"
        },
        "md": {
          "$type": "dimension",
          "$value": "{rhc.space.max.md}"
        },
        "lg": {
          "$type": "dimension",
          "$value": "{rhc.space.max.lg}"
        },
        "xl": {
          "$type": "dimension",
          "$value": "{rhc.space.max.xl}"
        },
        "2xl": {
          "$type": "dimension",
          "$value": "{rhc.space.max.2xl}"
        },
        "3xl": {
          "$type": "dimension",
          "$value": "{rhc.space.max.3xl}"
        },
        "4xl": {
          "$type": "dimension",
          "$value": "{rhc.space.max.4xl}"
        },
        "5xl": {
          "$type": "dimension",
          "$value": "{rhc.space.max.5xl}"
        }
      },
      "size": {
        "lint": {
          "$type": "dimension",
          "$value": "{rhc.size.max.lint}"
        },
        "2-lint": {
          "$type": "dimension",
          "$value": "{rhc.size.max.2-lint}"
        }
      }
    }
  },
  "common/primary-color/groen": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.groen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.groen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.groen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.groen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.groen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.groen.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#2C5D12"
          },
          "active": {
            "$type": "color",
            "$value": "#275012"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/primary-color/hemelblauw": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#1A5587"
          },
          "active": {
            "$type": "color",
            "$value": "#1A4972"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/primary-color/mintgroen": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.mintgroen.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#528E7C"
          },
          "active": {
            "$type": "color",
            "$value": "#477869"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-light-color}"
          }
        }
      }
    }
  },
  "common/primary-color/oranje": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.oranje.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.oranje.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.oranje.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.oranje.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.oranje.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.oranje.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#994E0E"
          },
          "active": {
            "$type": "color",
            "$value": "#82430F"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/primary-color/paars": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.paars.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.paars.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.paars.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.paars.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.paars.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.paars.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#301243"
          },
          "active": {
            "$type": "color",
            "$value": "#2B113A"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/primary-color/robijn-rood": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.robijnrood.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "#8A1641"
          },
          "active": {
            "$type": "color",
            "$value": "#761838"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/primary-color/lintblauw": {
    "rhc": {
      "color": {
        "primary": {
          "50": {
            "$type": "color",
            "$value": "{rhc.color.core.50}"
          },
          "100": {
            "$type": "color",
            "$value": "{rhc.color.core.100}"
          },
          "200": {
            "$type": "color",
            "$value": "{rhc.color.core.200}"
          },
          "300": {
            "$type": "color",
            "$value": "{rhc.color.core.300}"
          },
          "400": {
            "$type": "color",
            "$value": "{rhc.color.core.400}"
          },
          "500": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "hover": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}",
            "$description": "Originally rhc.color.primary.500 darkened (lch) by 0.3"
          },
          "active": {
            "$type": "color",
            "$value": "{rhc.color.core.active}",
            "$description": "Originally rhc.color.primary.500 darkened (lch) by 0.4"
          }
        },
        "foreground": {
          "on-primary": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        }
      }
    }
  },
  "common/focus": {
    "rhc": {
      "focus": {
        "outline-color": {
          "$type": "color",
          "$value": "{rhc.color.zwart}"
        },
        "inverse": {
          "outline-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          }
        },
        "outline-offset": {
          "$type": "other",
          "$value": "{rhc.space.xs}"
        },
        "outline-style": {
          "$type": "other",
          "$value": "solid"
        },
        "outline-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.md}"
        }
      }
    }
  },
  "common/rounded-corner": {
    "rhc": {
      "rounded-corner": {
        "overflow": {
          "$type": "other",
          "$value": "hidden",
          "$description": "[code-only]"
        },
        "sm": {
          "border-radius": {
            "$type": "dimension",
            "$value": "{rhc.size.half-lint}"
          }
        },
        "md": {
          "border-radius": {
            "$type": "dimension",
            "$value": "{rhc.size.lint}"
          }
        },
        "lg": {
          "border-radius": {
            "$type": "dimension",
            "$value": "{rhc.size.2-lint}"
          }
        }
      }
    }
  },
  "common/vendor": {
    "basis": {
      "color": {
        "default": {
          "bg-document": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "color-document": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "color-subtle": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          },
          "border-subtle": {
            "$type": "color",
            "$value": "{rhc.color.border.subtle}"
          },
          "border-default": {
            "$type": "color",
            "$value": "{rhc.color.border.default}"
          },
          "bg-subtle": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.100}"
          }
        },
        "highlight": {
          "bg-default": {
            "$type": "color",
            "$value": "{rhc.color.warning.50}"
          }
        }
      },
      "text": {
        "font-family": {
          "default": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          }
        },
        "font-weight": {
          "default": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "bold": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          }
        },
        "font-size": {
          "md": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "line-height": {
          "md": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          }
        }
      },
      "heading": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        }
      },
      "border-width": {
        "sm": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        }
      },
      "box-shadow": {
        "md": {
          "$type": "boxShadow",
          "$value": {
            "x": "0",
            "y": "8",
            "blur": "16",
            "spread": "0",
            "color": "{rhc.color.cool-grey.500}",
            "type": "dropShadow"
          }
        }
      },
      "focus": {
        "outline-color": {
          "$type": "color",
          "$value": "{rhc.color.zwart}"
        },
        "inverse": {
          "outline-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          }
        },
        "outline-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.md}"
        }
      }
    },
    "utrecht": {
      "focus": {
        "outline-color": {
          "$type": "color",
          "$value": "{rhc.focus.outline-color}"
        },
        "inverse": {
          "outline-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          }
        },
        "outline-offset": {
          "$type": "dimension",
          "$value": "{rhc.focus.outline-offset}"
        },
        "outline-width": {
          "$type": "dimension",
          "$value": "{rhc.focus.outline-width}"
        },
        "outline-style": {
          "$type": "other",
          "$value": "{rhc.focus.outline-style}"
        }
      },
      "pointer-target": {
        "min-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        }
      },
      "action": {
        "activate": {
          "cursor": {
            "$type": "other",
            "$value": "pointer"
          }
        },
        "busy": {
          "cursor": {
            "$type": "other",
            "$value": "wait"
          }
        },
        "disabled": {
          "cursor": {
            "$type": "other",
            "$value": "not-allowed"
          }
        },
        "inert": {
          "cursor": {
            "$type": "other",
            "$value": "default"
          }
        },
        "navigate": {
          "cursor": {
            "$type": "other",
            "$value": "pointer"
          }
        },
        "submit": {
          "cursor": {
            "$type": "other",
            "$value": "pointer"
          }
        }
      }
    }
  },
  "common/deprecated": {
    "rhc": {
      "color": {
        "positive": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.positive.500}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.positive.50}"
          }
        },
        "info": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.info.500}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.info.50}"
          }
        },
        "negative": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          }
        },
        "warning": {
          "default": {
            "$type": "color",
            "$value": "{rhc.color.warning.500}"
          },
          "subtle": {
            "$type": "color",
            "$value": "{rhc.color.warning.50}"
          }
        }
      }
    }
  },
  "components/accordion": {
    "todo": {
      "accordion": {
        "button": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{utrecht.button.font-family}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{utrecht.button.subtle.font-weight}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{utrecht.button.subtle.line-height}"
          }
        }
      }
    },
    "utrecht": {
      "accordion": {
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "panel": {
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.5xl}"
          }
        },
        "button": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-radius": {
            "$type": "dimension",
            "$value": "{rhc.border-radius.none}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "gap": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "icon": {
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus-visible": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          }
        },
        "section": {
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.300}"
          },
          "hover": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          }
        }
      }
    }
  },
  "components/action-group": {
    "utrecht": {
      "action-group": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/alert": {
    "utrecht": {
      "alert": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.info.50}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.on-light-color}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}",
          "$description": "[code-only]"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "content": {
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        },
        "error": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-light-color}"
          }
        },
        "info": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.info.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-light-color}"
          }
        },
        "message": {
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        },
        "ok": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.positive.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-light-color}"
          }
        },
        "warning": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.warning.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-light-color}"
          }
        },
        "icon": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.info.500}"
          },
          "inset-block-start": {
            "$type": "dimension",
            "$value": "{rhc.icon.inset-block-start.md}"
          },
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          },
          "error": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.negative.500}"
            }
          },
          "info": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.info.500}"
            }
          },
          "ok": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.positive.500}"
            }
          },
          "warning": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.warning.500}"
            }
          }
        }
      }
    }
  },
  "components/article": {
    "utrecht": {
      "article": {
        "max-inline-size": {
          "$type": "dimension",
          "$value": "75ch"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        }
      }
    }
  },
  "components/backdrop": {
    "utrecht": {
      "backdrop": {
        "background-color": {
          "$type": "color",
          "$value": "rgba(0,0,0,0.3)"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "opacity": {
          "$type": "opacity",
          "$value": "0.8"
        },
        "fade-in": {
          "animation-duration": {
            "$type": "other",
            "$value": "400ms"
          }
        },
        "reduced-transparency": {
          "opacity": {
            "$type": "opacity",
            "$value": "0.98"
          }
        }
      }
    }
  },
  "components/blockquote": {
    "utrecht": {
      "blockquote": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-inline-start-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.none}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "attribution": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "content": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        }
      }
    },
    "rhc": {
      "blockquote": {
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "margin-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "margin-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        }
      }
    }
  },
  "components/breadcrumb": {
    "utrecht": {
      "breadcrumb-nav": {
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "item": {
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "first": {
            "padding-inline-start": {
              "$type": "dimension",
              "$value": "{rhc.space.none}"
            }
          }
        },
        "separator": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          },
          "icon": {
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            }
          }
        },
        "link": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          },
          "current": {
            "font-weight": {
              "$type": "fontWeights",
              "$value": "{rhc.text.font-weight.default}"
            }
          },
          "active": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link-active}"
            },
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "underline"
            }
          },
          "disabled": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.subtle}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link}"
            },
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "None"
            }
          },
          "hover": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "underline"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link-hover}"
            }
          },
          "icon": {
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            }
          }
        }
      }
    },
    "rhc": {
      "breadcrumb-nav": {
        "link": {
          "current": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.subtle}"
            }
          }
        }
      }
    }
  },
  "components/button/utrecht-base": {
    "utrecht": {
      "button": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.900}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.on-dark-color}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "pressed": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.800}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        },
        "active": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.800}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.400}"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.700}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.700}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          }
        },
        "primary-action": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{utrecht.button.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "1.875rem"
          }
        },
        "secondary-action": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{utrecht.button.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "1.875rem"
          }
        },
        "subtle": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{utrecht.button.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "1.875rem"
          }
        }
      },
      "button-group": {
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code-only]"
        }
      }
    },
    "rhc": {
      "icon-only-button": {
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        }
      }
    }
  },
  "components/button/utrecht-color-core": {
    "utrecht": {
      "button": {
        "primary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "pressed": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "active": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          }
        },
        "secondary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          }
        }
      }
    }
  },
  "components/button/utrecht-color-primary": {
    "utrecht": {
      "button": {
        "primary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-primary}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "pressed": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "active": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          }
        },
        "secondary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          }
        }
      }
    }
  },
  "components/button/utrecht-color-primary+core": {
    "utrecht": {
      "button": {
        "primary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-primary}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "pressed": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "active": {
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          }
        },
        "secondary-action": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          }
        }
      }
    }
  },
  "components/button/nl-base": {
    "nl": {
      "button": {
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "#",
            "$description": "Intentionally empty, no focus styling"
          },
          "border-color": {
            "$type": "color",
            "$value": "#",
            "$description": "Intentionally empty, no focus styling"
          },
          "color": {
            "$type": "color",
            "$value": "#",
            "$description": "Intentionally empty, no focus styling"
          }
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "icon-only": {
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          }
        },
        "default": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.900}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.semi-bold}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.800}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.700}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.900}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.900}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.800}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.800}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.200}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.400}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.700}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        },
        "primary": {
          "border-width": {
            "$type": "dimension",
            "$value": "{nl.button.default.border-width}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{nl.button.default.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{nl.button.default.font-weight}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{nl.button.default.line-height}"
          },
          "negative": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.negative.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.500}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.negative.500}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.50}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.active}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.active}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.50}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.hover}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.hover}"
                }
              }
            }
          },
          "positive": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.positive.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.500}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.positive.500}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.50}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.active}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.active}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.50}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.hover}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.hover}"
                }
              }
            }
          }
        },
        "secondary": {
          "border-width": {
            "$type": "dimension",
            "$value": "{nl.button.default.border-width}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{nl.button.default.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{nl.button.default.font-weight}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{nl.button.default.line-height}"
          },
          "negative": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.negative.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.negative.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.negative.active}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.hover}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.negative.hover}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.500}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.active}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.hover}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              }
            }
          },
          "positive": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.positive.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.positive.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.positive.active}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.hover}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.positive.hover}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.500}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.active}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.hover}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              }
            }
          }
        },
        "subtle": {
          "border-width": {
            "$type": "dimension",
            "$value": "{nl.button.primary.border-width}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{nl.button.default.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{nl.button.default.font-weight}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{nl.button.default.line-height}"
          },
          "negative": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.negative.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.negative.active}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.negative.hover}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.negative.500}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.active}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.negative.hover}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              }
            }
          },
          "positive": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.positive.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.positive.active}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.positive.hover}"
              }
            },
            "pressed": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.positive.500}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              },
              "active": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.active}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              },
              "hover": {
                "background-color": {
                  "$type": "color",
                  "$value": "{rhc.color.positive.hover}"
                },
                "border-color": {
                  "$type": "color",
                  "$value": "{rhc.color.transparent}"
                },
                "color": {
                  "$type": "color",
                  "$value": "{rhc.color.foreground.on-dark-color}"
                }
              }
            }
          }
        }
      }
    }
  },
  "components/button/nl-color-core": {
    "nl": {
      "button": {
        "primary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.400}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              }
            }
          }
        },
        "secondary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        }
      }
    }
  },
  "components/button/nl-color-primary": {
    "nl": {
      "button": {
        "primary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-primary}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.400}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              }
            }
          }
        },
        "secondary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-primary}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-primary}"
              }
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-primary}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        }
      }
    }
  },
  "components/button/nl-color-primary+core": {
    "nl": {
      "button": {
        "primary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-primary}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.400}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-primary}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.primary.500}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.50}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.primary.active}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.400}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.100}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.primary.hover}"
              }
            }
          }
        },
        "secondary": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.300}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        },
        "subtle": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "pressed": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "active": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.active}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            },
            "disabled": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.600}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.300}"
              }
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.core.hover}"
              },
              "border-color": {
                "$type": "color",
                "$value": "{rhc.color.transparent}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.on-dark-color}"
              }
            }
          }
        }
      }
    }
  },
  "components/card": {
    "rhc": {
      "card": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.300}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "inline-size": {
          "$type": "dimension",
          "$value": "20.5rem"
        },
        "icon": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "link": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          },
          "active": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          },
          "hover": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          },
          "focus": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          }
        },
        "metadata": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          }
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "active": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.100}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.50}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.50}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "full-bleed": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.zwart}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "opacity": {
            "$type": "opacity",
            "$value": "0.5"
          }
        },
        "heading": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          }
        },
        "subheading": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          }
        },
        "horizontal": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "max-block-size": {
            "$type": "dimension",
            "$value": "6rem"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "0rem"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "0rem"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "heading": {
            "inline-size": {
              "$type": "dimension",
              "$value": "12.5rem"
            }
          }
        }
      }
    }
  },
  "components/card-as-link": {
    "rhc": {
      "card-as-link": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.300}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "font-size": {
          "$type": "dimension",
          "$value": "{rhc.text.font-size.md}"
        },
        "icon": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "link": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          },
          "active": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          },
          "hover": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          },
          "focus": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          }
        },
        "metadata": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          }
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "active": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.100}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.50}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.50}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        },
        "full-bleed": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.zwart}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "opacity": {
            "$type": "opacity",
            "$value": "0.5"
          }
        },
        "heading": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          }
        },
        "horizontal": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "max-block-size": {
            "$type": "dimension",
            "$value": "{rhc.card.horizontal.max-block-size}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "0rem"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "0rem"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "heading": {
            "inline-size": {
              "$type": "dimension",
              "$value": "12.5rem"
            }
          }
        }
      }
    }
  },
  "components/checkbox-group": {
    "rhc": {
      "checkbox-group": {
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        }
      }
    }
  },
  "components/checkbox": {
    "rhc": {
      "checkbox": {
        "label": {
          "margin-block-start": {
            "$type": "dimension",
            "$value": "0.1vw"
          }
        }
      }
    },
    "utrecht": {
      "checkbox": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.bg-document}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.sm}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "margin-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "size": {
          "$type": "dimension",
          "$value": "{rhc.size.half-lint}"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "invalid": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "active": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.active}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          }
        },
        "indeterminate": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.300}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.600}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            }
          }
        },
        "checked": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.300}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.600}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            }
          }
        }
      }
    },
    "todo": {
      "checkbox": {
        "indeterminate": {
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.300}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.600}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            }
          },
          "focus-visible": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          }
        },
        "checked": {
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.300}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.600}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.wit}"
            }
          },
          "focus-visible": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          }
        }
      }
    }
  },
  "components/code-input": {
    "rhc": {
      "code-input": {
        "size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        }
      }
    }
  },
  "components/code-input-group": {
    "rhc": {
      "code-input-group": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/column-layout": {
    "utrecht": {
      "column-layout": {
        "column-rule-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "column-rule-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "column-width": {
          "$type": "dimension",
          "$value": "25rem"
        },
        "gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        }
      }
    }
  },
  "components/data-badge/nl": {
    "nl": {
      "data-badge": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.100}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.sm}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.semi-bold}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.sm}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.half-lint}"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "{rhc.size.half-lint}"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{rhc.space.xs}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}"
        }
      }
    }
  },
  "components/data-badge/utrecht": {
    "utrecht": {
      "data-badge": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.primary.50}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "10px"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{rhc.space.xs}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "0.75rem"
        }
      }
    }
  },
  "components/data-badge-button": {
    "rhc": {
      "data-badge-button": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xs}"
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          }
        }
      }
    }
  },
  "components/data-summary": {
    "rhc": {
      "data-summary": {
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "item-value": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "row": {
            "padding-block-end": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-block-start": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-inline-end": {
              "$type": "dimension",
              "$value": "{rhc.space.none}"
            },
            "padding-inline-start": {
              "$type": "dimension",
              "$value": "0rem"
            }
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        },
        "item-key": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "row": {
            "padding-block-end": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-block-start": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-inline-end": {
              "$type": "dimension",
              "$value": "{rhc.space.xl}"
            },
            "padding-inline-start": {
              "$type": "dimension",
              "$value": "{rhc.space.none}"
            }
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        },
        "item": {
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "border-block-end-style": {
            "$type": "other",
            "$value": "solid"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "item-action": {
          "row": {
            "padding-block-end": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-block-start": {
              "$type": "dimension",
              "$value": "{rhc.space.lg}"
            },
            "padding-inline-end": {
              "$type": "dimension",
              "$value": "{rhc.space.none}"
            },
            "padding-inline-start": {
              "$type": "dimension",
              "$value": "{rhc.space.xl}"
            }
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        }
      }
    }
  },
  "components/document": {
    "utrecht": {
      "document": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        }
      }
    }
  },
  "components/dot-badge": {
    "rhc": {
      "dot-badge": {
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.round}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.rood.500}"
        },
        "size": {
          "$type": "dimension",
          "$value": "0.75rem"
        }
      }
    }
  },
  "components/drawer": {
    "utrecht": {
      "drawer": {
        "max-inline-size": {
          "$type": "dimension",
          "$value": "16rem"
        },
        "z-index": {
          "$type": "dimension",
          "$value": "1"
        },
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.border.default}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "max-block-size": {
          "$type": "dimension",
          "$value": "15rem"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        }
      }
    }
  },
  "components/expandable-checkbox-group": {
    "rhc": {
      "expandable-checkbox-group": {
        "details": {
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        },
        "summary": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          }
        }
      }
    }
  },
  "components/fieldset": {
    "utrecht": {
      "form-fieldset": {
        "legend": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "disabled": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.subtle}",
              "$description": "Do not use a disabled state"
            }
          }
        },
        "section": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "invalid": {
          "border-inline-start": {
            "color": {
              "$type": "color",
              "$value": "{utrecht.form-field.invalid.border-inline-start-color}"
            }
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{utrecht.form-field.invalid.padding-inline-start}"
          },
          "border-inline-start-width": {
            "$type": "dimension",
            "$value": "{utrecht.form-field.invalid.border-inline-start-width}"
          }
        }
      }
    }
  },
  "components/figure": {
    "utrecht": {
      "figure": {
        "caption": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          }
        }
      }
    },
    "todo": {
      "figure": {
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/file-input": {
    "rhc": {
      "file-input": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "feedback": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "1rem"
          }
        }
      },
      "file": {
        "border-style": {
          "$type": "other",
          "$value": "solid"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}"
        },
        "error": {
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          }
        },
        "subtitle": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.500}"
          }
        }
      }
    }
  },
  "components/form-field": {
    "utrecht": {
      "form-field": {
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}",
          "$description": "[code-only]"
        },
        "invalid": {
          "border-inline-start-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "border-inline-start-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          }
        }
      }
    }
  },
  "components/form-field-checkbox-option": {
    "rhc": {
      "form-field-checkbox-option": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        }
      }
    }
  },
  "components/form-field-description": {
    "utrecht": {
      "form-field-description": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.subtle}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "-{rhc.space.md}"
        }
      }
    }
  },
  "components/form-field-error-message": {
    "utrecht": {
      "form-field-error-message": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.negative.500}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "normal"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        }
      }
    },
    "todo": {
      "form-field-error-message": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        }
      }
    }
  },
  "components/form-field-label": {
    "utrecht": {
      "form-label": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        },
        "checkbox": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          }
        },
        "radio": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          }
        },
        "checked": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          }
        },
        "disabled": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          }
        }
      },
      "form-field-label": {
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/form-field-label-suffix": {
    "todo": {
      "form-field-label-suffix": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.subtle}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.sans}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.regular}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "margin-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/form-field-option-label": {
    "todo": {
      "form-field-option-label": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "disabled": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          }
        }
      }
    }
  },
  "components/form-field-radio-option": {
    "rhc": {
      "form-field-radio-option": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "label": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        },
        "input": {
          "margin-block-start": {
            "$type": "dimension",
            "$value": "0.188rem"
          }
        }
      }
    }
  },
  "components/grid": {
    "rhc": {
      "grid": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.grid.vi-large.column-gap}"
        },
        "vi-large": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          }
        },
        "vi-medium": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          }
        },
        "vi-small": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          }
        }
      }
    }
  },
  "components/heading/base": {
    "nl": {
      "heading": {
        "level-1": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.3xl}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.sm}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        },
        "level-2": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.2xl}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.sm}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        },
        "level-3": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.xl}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.sm}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          }
        },
        "level-4": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        },
        "level-5": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        },
        "level-6": {
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        }
      }
    }
  },
  "components/heading/color-core": {
    "nl": {
      "heading": {
        "level-1": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "level-2": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "level-3": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "level-4": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "level-5": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "level-6": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        }
      }
    }
  },
  "components/heading/color-primary": {
    "nl": {
      "heading": {
        "level-1": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        },
        "level-2": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        },
        "level-3": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        },
        "level-4": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        },
        "level-5": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        },
        "level-6": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.primary.500}"
          }
        }
      }
    }
  },
  "components/hero": {
    "rhc": {
      "hero": {
        "heading": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.sm}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.xl}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          }
        },
        "sub-heading": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          }
        },
        "message": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.on-dark-color}"
          },
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.xs}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "border-radius": {
            "$type": "dimension",
            "$value": "20px"
          },
          "inline-size": {
            "$type": "dimension",
            "$value": "90%"
          }
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "40px"
        },
        "inline-size": {
          "$type": "dimension",
          "$value": "100%"
        }
      }
    }
  },
  "components/icon": {
    "utrecht": {
      "icon": {
        "baseline": {
          "inset-block-start": {
            "$type": "dimension",
            "$value": "0rem",
            "$description": "[code-only]"
          }
        },
        "color": {
          "$type": "color",
          "$value": "inherit"
        },
        "size": {
          "$type": "dimension",
          "$value": "{rhc.size.icon.md}"
        },
        "inset-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        }
      }
    }
  },
  "components/link-list": {
    "utrecht": {
      "link-list": {
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code-only]"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "icon": {
          "inset-block-start": {
            "$type": "dimension",
            "$value": "{rhc.icon.inset-block-start.md}"
          },
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "item": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "link": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "none"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          }
        }
      }
    },
    "todo": {
      "link-list": {
        "link": {
          "hover": {
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "underline"
            }
          }
        }
      }
    }
  },
  "components/link-list-card": {
    "rhc": {
      "link-list-card": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.2xl}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.2xl}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.2xl}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.2xl}"
        }
      }
    }
  },
  "components/link/nl": {
    "nl": {
      "link": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.link}"
        },
        "text-decoration-color": {
          "$type": "color",
          "$value": "inherit",
          "$description": "[code-only]"
        },
        "text-decoration-line": {
          "$type": "textDecoration",
          "$value": "underline"
        },
        "text-decoration-thickness": {
          "$type": "other",
          "$value": "0.0625em",
          "$description": "[code-only]"
        },
        "text-underline-offset": {
          "$type": "other",
          "$value": "{rhc.space.xs}",
          "$description": "[code-only]"
        },
        "current": {
          "cursor": {
            "$type": "other",
            "$value": "default",
            "$description": "[code-only]"
          }
        },
        "active": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link-active}",
            "$description": "Originally rhc.color.hemelblauw.500 darkened (lch) with modify by 0.4"
          }
        },
        "disabled": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          },
          "cursor": {
            "$type": "other",
            "$value": "disabled",
            "$description": "[code-only]"
          }
        },
        "hover": {
          "text-decoration-line": {
            "$type": "textDecoration",
            "$value": "underline"
          },
          "text-decoration-thickness": {
            "$type": "other",
            "$value": "0.1875em",
            "$description": "[code-only]"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link-hover}"
          }
        }
      }
    },
    "rhc": {
      "link": {
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}"
        }
      }
    },
    "figma": {
      "link": {
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.text.font-size.md}"
          }
        }
      }
    }
  },
  "components/link/utrecht": {
    "utrecht": {
      "link": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.link}"
        },
        "text-decoration-color": {
          "$type": "color",
          "$value": "inherit"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}"
        },
        "text-decoration": {
          "$type": "textDecoration",
          "$value": "underline"
        },
        "text-decoration-thickness": {
          "$type": "other",
          "$value": "0.0625em",
          "$description": "[code-only]"
        },
        "text-underline-offset": {
          "$type": "other",
          "$value": "{rhc.space.xs}",
          "$description": "[code-only]"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "active": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link-active}"
          }
        },
        "hover": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link-hover}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "underline"
          },
          "text-decoration-thickness": {
            "$type": "other",
            "$value": "0.1875em",
            "$description": "[code-only]"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          }
        },
        "focus-visible": {
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "none"
          },
          "text-decoration-thickness": {
            "$type": "other",
            "$value": "0.0625em",
            "$description": "[code-only]"
          }
        },
        "visited": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          }
        }
      }
    }
  },
  "components/listbox": {
    "utrecht": {
      "listbox": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.border.subtle}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.zwart}"
        },
        "font-weight": {
          "$type": "dimension",
          "$value": "{rhc.text.font-weight.regular}"
        },
        "option": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          },
          "selected": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "hover": {
              "background-color": {
                "$type": "color",
                "$value": "{rhc.color.cool-grey.200}"
              },
              "color": {
                "$type": "color",
                "$value": "{rhc.color.foreground.default}"
              }
            }
          },
          "min-block-size": {
            "$type": "dimension",
            "$value": "{rhc.size.pointer-target}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.400}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          },
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          }
        },
        "inline-size": {
          "$type": "dimension",
          "$value": "16rem"
        },
        "max-block-size": {
          "$type": "dimension",
          "$value": "40rem"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}"
        },
        "group": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          }
        },
        "group-label": {
          "margin-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code-only]"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          }
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        }
      }
    }
  },
  "components/logo": {
    "rhc": {
      "logo": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "image": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "block-size": {
            "$type": "dimension",
            "$value": "{rhc.size.2-lint}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "inline-size": {
            "$type": "dimension",
            "$value": "{rhc.size.lint}"
          }
        },
        "subtitle": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.logo.title.max.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.regular}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "118%"
          },
          "letter-spacing": {
            "$type": "letterSpacing",
            "$value": "{rhc.text.letter-spacing.tight}"
          },
          "max": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "0.9rem"
            }
          },
          "min": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "0",
              "$description": "[todo]0.75rem"
            }
          }
        },
        "title": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.logo.title.max.font-size}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.semi-bold}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "118%"
          },
          "letter-spacing": {
            "$type": "letterSpacing",
            "$value": "{rhc.text.letter-spacing.normal}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.logo.title.max.padding-block-start}"
          },
          "max": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "0.9rem"
            },
            "padding-block-start": {
              "$type": "dimension",
              "$value": "3.125rem"
            }
          },
          "min": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "0.75rem"
            },
            "padding-block-start": {
              "$type": "dimension",
              "$value": "2.604rem"
            }
          }
        }
      }
    }
  },
  "components/message-list": {
    "rhc": {
      "message-list": {
        "item": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.subtle}"
          },
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "icon": {
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          },
          "min-height": {
            "$type": "dimension",
            "$value": "{rhc.size.pointer-target}"
          },
          "padding-block": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "content": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "{rhc.text.font-size.md}"
            },
            "column-gap": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            },
            "row-gap": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            }
          },
          "label": {
            "font-family": {
              "$type": "font-family",
              "$value": "{rhc.text.font-family.default}"
            },
            "font-size": {
              "$type": "font-size",
              "$value": "{rhc.text.font-size.md}"
            },
            "font-weight": {
              "$type": "font-weight",
              "$value": "{rhc.text.font-weight.strong}"
            },
            "line-height": {
              "$type": "line-height",
              "$value": "{rhc.text.line-height.md}"
            }
          },
          "heading": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          }
        }
      }
    }
  },
  "components/nav-bar": {
    "rhc": {
      "nav-bar": {
        "border-block-end-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "max-inline-size": {
          "$type": "dimension",
          "$value": "{rhc.size.page.md}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "container": {
          "inline-size": {
            "$type": "dimension",
            "$value": "100%"
          }
        },
        "content": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          }
        },
        "icon": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "active": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "link": {
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            }
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.primary.50}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.50}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "heading": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          }
        },
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.400}"
        }
      }
    }
  },
  "components/navigation-list": {
    "rhc": {
      "navigation-list": {
        "item": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "min-height": {
            "$type": "dimension",
            "$value": "{rhc.size.pointer-target}"
          },
          "padding-block": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.100}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.50}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.core.50}"
            }
          },
          "content": {
            "column-gap": {
              "$type": "dimension",
              "$value": "{rhc.space.md}",
              "$description": "[code-only]"
            },
            "row-gap": {
              "$type": "dimension",
              "$value": "{rhc.space.sm}",
              "$description": "[code-only]"
            }
          },
          "description": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.subtle}"
            },
            "font-size": {
              "$type": "fontSizes",
              "$value": "{rhc.text.font-size.md}"
            },
            "line-height": {
              "$type": "lineHeights",
              "$value": "{rhc.text.line-height.md}"
            }
          },
          "icon-end": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.subtle}"
            }
          },
          "icon-start": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            },
            "border-radius": {
              "$type": "dimension",
              "$value": "{rhc.border-radius.round}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.on-dark-color}"
            },
            "padding-block": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            },
            "padding-inline": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            },
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            }
          },
          "label": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            },
            "font-family": {
              "$type": "fontFamilies",
              "$value": "{rhc.text.font-family.default}"
            },
            "font-size": {
              "$type": "fontSizes",
              "$value": "{rhc.text.font-size.xl}"
            },
            "font-weight": {
              "$type": "fontWeights",
              "$value": "{rhc.text.font-weight.strong}"
            },
            "line-height": {
              "$type": "lineHeights",
              "$value": "{rhc.text.line-height.md}"
            }
          }
        }
      }
    }
  },
  "components/number-badge/nl": {
    "nl": {
      "number-badge": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.round}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "1.5rem"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "1.5rem"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{rhc.space.xs}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        }
      }
    }
  },
  "components/number-badge/utrecht": {
    "utrecht": {
      "number-badge": {
        "background-color": {
          "$type": "color",
          "$value": "{nl.number-badge.background-color}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{nl.number-badge.border-color}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{nl.number-badge.border-radius}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{nl.number-badge.border-width}"
        },
        "color": {
          "$type": "color",
          "$value": "{nl.number-badge.color}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{nl.number-badge.font-family}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{nl.number-badge.font-size}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{nl.number-badge.font-weight}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{nl.number-badge.min-block-size}"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "{nl.number-badge.min-inline-size}"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{nl.number-badge.padding-block}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{nl.number-badge.padding-inline}"
        }
      }
    }
  },
  "components/ordered-list": {
    "utrecht": {
      "ordered-list": {
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}",
          "$description": "[code-only]"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "item": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        }
      }
    }
  },
  "components/page-body": {
    "utrecht": {
      "page-body": {
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.sans}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.regular}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "content": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.900}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          },
          "max-inline-size": {
            "$type": "dimension",
            "$value": "{rhc.size.page.md}"
          }
        }
      }
    }
  },
  "components/page-footer": {
    "rhc": {
      "page-footer": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.on-dark-color}"
        },
        "compact": {
          "tagline": {
            "font-size": {
              "$type": "fontSizes",
              "$value": "{rhc.text.font-size.lg}"
            }
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.core.50}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          }
        },
        "primary": {
          "padding-block": {
            "$type": "dimension",
            "$value": "{rhc.space.4xl}"
          },
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.3xl}"
          }
        },
        "secondary": {
          "padding-block": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          },
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          }
        },
        "navigation-bar": {
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.3xl}"
          },
          "row-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "link": {
            "text-decoration-line": {
              "$type": "textDecoration",
              "$value": "none"
            },
            "min-block-size": {
              "$type": "dimension",
              "$value": "{rhc.size.pointer-target}"
            }
          }
        },
        "tagline": {
          "font-style": {
            "$type": "$other",
            "$value": "italic"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.xl}"
          }
        }
      }
    }
  },
  "components/page-number-navigation": {
    "ams": {
      "pagination": {
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "link": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "gap": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "outline-offset": {
            "$type": "other",
            "$value": "{rhc.focus.outline-offset}",
            "$description": "[code-only]"
          },
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "current": {
            "font-weight": {
              "$type": "fontWeights",
              "$value": "{rhc.text.font-weight.bold}"
            }
          },
          "hover": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link-hover}"
            },
            "text-decoration-line": {
              "$type": "textDecoration",
              "$value": "underline"
            }
          },
          "text-decoration-line": {
            "$type": "textDecoration",
            "$value": "none"
          },
          "text-decoration-thickness": {
            "$type": "other",
            "$value": "0.0625em",
            "$description": "[code only]"
          },
          "text-underline-offset": {
            "$type": "other",
            "$value": "{rhc.space.xs}",
            "$description": "[code-only]"
          }
        }
      }
    }
  },
  "components/page-section": {
    "rhc": {
      "page-section": {
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.page-section.vi-large.padding-inline}"
        },
        "max-inline-size": {
          "$type": "dimension",
          "$value": "90rem"
        },
        "vi-small": {
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          }
        },
        "vi-medium": {
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          }
        },
        "vi-large": {
          "padding-inline": {
            "$type": "dimension",
            "$value": "{rhc.space.5xl}"
          }
        }
      }
    }
  },
  "components/paragraph": {
    "nl": {
      "paragraph": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.none}",
          "$description": "[code only]"
        },
        "lead": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.lg}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}",
            "$description": "[code only]"
          }
        }
      }
    }
  },
  "components/pre-heading": {
    "utrecht": {
      "pre-heading": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.sm}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        }
      }
    }
  },
  "components/radio-button": {
    "utrecht": {
      "radio-button": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.bg-document}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "color": {
          "$type": "color",
          "$value": "{utrecht.radio-button.border-color}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "margin-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "size": {
          "$type": "dimension",
          "$value": "1.5rem"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "1rem"
          }
        },
        "invalid": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{utrecht.radio-button.invalid.border-color}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "active": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.active}"
          },
          "color": {
            "$type": "color",
            "$value": "{utrecht.radio-button.active.border-color}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{utrecht.radio-button.disabled.border-color}"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}"
          },
          "color": {
            "$type": "color",
            "$value": "{utrecht.radio-button.hover.border-color}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{utrecht.radio-button.focus.border-color}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          }
        },
        "checked": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "active": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.active}"
            }
          },
          "hover": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.sm}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.hover}"
            }
          },
          "focus": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.bg-document}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            }
          }
        }
      }
    },
    "todo": {
      "radio-button": {
        "checked": {
          "disabled": {
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.200}"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.300}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.cool-grey.600}"
            }
          }
        }
      }
    }
  },
  "components/radio-group": {
    "rhc": {
      "radio-group": {
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "row-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        }
      }
    }
  },
  "components/rich-text": {
    "utrecht": {
      "rich-text": {
        "stranger": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.3xl}"
          }
        },
        "acquaintance": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          }
        },
        "friend": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        },
        "best-friend": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          }
        },
        "confidant": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        }
      }
    }
  },
  "components/root": {
    "utrecht": {
      "root": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.900}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.sans}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.regular}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        }
      }
    }
  },
  "components/select": {
    "utrecht": {
      "select": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.bg-document}"
        },
        "border-block-end-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}",
            "$description": "[code-only]"
          }
        },
        "image-background-position": {
          "$type": "other",
          "$value": "right 0.5rem center",
          "$description": "[code-only]"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "max-inline-size": {
          "$type": "dimension",
          "$value": "25rem"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "invalid": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          }
        },
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    }
  },
  "components/separator": {
    "utrecht": {
      "separator": {
        "block-size": {
          "$type": "dimension",
          "$value": "{rhc.border-width.md}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.core.300}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}",
          "$description": "[code-only]"
        }
      }
    }
  },
  "components/side-nav": {
    "rhc": {
      "sidenav": {
        "display": {
          "$type": "other",
          "$value": "flex"
        },
        "link": {
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "icon": {
            "size": {
              "$type": "dimension",
              "$value": "{rhc.size.icon.md}"
            },
            "margin-inline": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            }
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "current": {
            "font-weight": {
              "$type": "fontWeights",
              "$value": "{rhc.text.font-weight.strong}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.default}"
            }
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.link}"
          },
          "active": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.paars.500}"
            },
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "underline"
            }
          },
          "focus": {
            "border-radius": {
              "$type": "dimension",
              "$value": "{rhc.border-radius.md}"
            },
            "border-width": {
              "$type": "dimension",
              "$value": "{rhc.border-width.md}"
            },
            "border-style": {
              "$type": "other",
              "$value": "solid"
            },
            "border-color": {
              "$type": "color",
              "$value": "{rhc.color.core.500}"
            },
            "background-color": {
              "$type": "color",
              "$value": "{rhc.color.transparent}"
            },
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link}"
            },
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "none"
            }
          },
          "hover": {
            "color": {
              "$type": "color",
              "$value": "{rhc.color.foreground.link-hover}"
            },
            "text-decoration": {
              "$type": "textDecoration",
              "$value": "underline"
            }
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "text-decoration": {
            "$type": "textDecoration",
            "$value": "none"
          },
          "column-gap": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        }
      }
    }
  },
  "components/skip-link": {
    "nl": {
      "skip-link": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.link}"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.space.xl}"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "min-inline-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "text-decoration-thickness": {
          "$type": "other",
          "$value": "0.0625em",
          "$description": "[code-only]"
        },
        "text-underline-offset": {
          "$type": "other",
          "$value": "{utrecht.link.text-underline-offset}",
          "$description": "[code-only]"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        }
      }
    }
  },
  "components/status-badge": {
    "utrecht": {
      "status-badge": {
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.strong}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.none}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "padding-inline": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}"
        },
        "padding-block": {
          "$type": "dimension",
          "$value": "{rhc.space.xs}"
        },
        "informative": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.info.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "positive": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.positive.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "negative": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "warning": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.warning.50}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.200}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        }
      }
    }
  },
  "components/sub-nav-bar": {
    "rhc": {
      "sub-nav-bar": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.100}"
        },
        "column-gap": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "column-width": {
          "$type": "dimension",
          "$value": "375px"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.3xl}"
        },
        "inline-size": {
          "$type": "dimension",
          "$value": "100%"
        },
        "content": {
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "max-inline-size": {
            "$type": "dimension",
            "$value": "{rhc.size.page.md}"
          },
          "list": {
            "row-gap": {
              "$type": "dimension",
              "$value": "{rhc.space.md}"
            }
          }
        }
      }
    }
  },
  "components/table": {
    "utrecht": {
      "table": {
        "header-cell": {
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "caption": {
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.sm}"
          },
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.2xl}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.xl}"
          }
        },
        "cell": {
          "padding-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.lg}"
          },
          "padding-inline-end": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.xl}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          }
        },
        "data-cell": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.default}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          }
        },
        "header": {
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          },
          "border-block-end-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          }
        },
        "footer": {
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-block-end-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          }
        },
        "row": {
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-block-end-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.transparent}"
          }
        },
        "footer-cell": {
          "font-weight": {
            "$type": "fontWeights",
            "$value": "{rhc.text.font-weight.strong}"
          },
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.text.font-size.md}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "font-family": {
            "$type": "fontFamilies",
            "$value": "{rhc.text.font-family.default}"
          },
          "line-height": {
            "$type": "lineHeights",
            "$value": "{rhc.text.line-height.md}"
          }
        },
        "container": {
          "box-inline-end-shadow": {
            "x": {
              "$type": "other",
              "$value": "0rem"
            },
            "y": {
              "$type": "other",
              "$value": "1rem"
            },
            "blur": {
              "$type": "other",
              "$value": "3rem"
            },
            "spread": {
              "$type": "other",
              "$value": "0rem"
            },
            "color": {
              "$type": "color",
              "$value": "oklch(0% 0 none / 0.102)"
            }
          },
          "box-inline-start-shadow": {
            "x": {
              "$type": "other",
              "$value": "0rem"
            },
            "y": {
              "$type": "other",
              "$value": "1rem"
            },
            "blur": {
              "$type": "other",
              "$value": "3rem"
            },
            "spread": {
              "$type": "other",
              "$value": "0rem"
            },
            "color": {
              "$type": "color",
              "$value": "oklch(0% 0 none / 0.102)"
            }
          }
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        }
      }
    }
  },
  "components/text-input/base": {
    "todo": {
      "textbox": {
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    },
    "utrecht": {
      "textbox": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.bg-document}"
        },
        "border-block-end-width": {
          "$type": "dimension",
          "$value": "auto"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "max-inline-size": {
          "$type": "dimension",
          "$value": "25rem"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "invalid": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "placeholder": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.500}"
          }
        },
        "read-only": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.100}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    }
  },
  "components/text-input/deprecated": {
    "utrecht": {
      "textbox": {
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.300}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "focus": {
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          }
        }
      }
    }
  },
  "components/textarea": {
    "rhc": {
      "textarea": {
        "focus": {
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.md}"
          }
        }
      }
    },
    "todo": {
      "textarea": {
        "hover": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.hover}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    },
    "utrecht": {
      "textarea": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.bg-document}"
        },
        "border-block-end-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.core.500}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.foreground.default}"
        },
        "font-family": {
          "$type": "fontFamilies",
          "$value": "{rhc.text.font-family.default}"
        },
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "font-weight": {
          "$type": "fontWeights",
          "$value": "{rhc.text.font-weight.default}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "max-inline-size": {
          "$type": "dimension",
          "$value": "25rem"
        },
        "min-block-size": {
          "$type": "dimension",
          "$value": "{rhc.size.pointer-target}"
        },
        "padding-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.md}"
        },
        "padding-inline-end": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.lg}"
        },
        "invalid": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.50}"
          },
          "border-block-end-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.negative.500}"
          },
          "border-width": {
            "$type": "dimension",
            "$value": "{rhc.border-width.sm}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "placeholder": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.500}"
          }
        },
        "read-only": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.100}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        },
        "disabled": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.200}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.300}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.cool-grey.600}"
          }
        },
        "focus": {
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.bg-document}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.core.500}"
          },
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    }
  },
  "components/toggletip": {
    "rhc": {
      "toggletip": {
        "color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.info.500}"
        },
        "border-color": {
          "$type": "color",
          "$value": "{rhc.color.transparent}"
        },
        "border-radius": {
          "$type": "dimension",
          "$value": "{rhc.border-radius.md}"
        },
        "border-width": {
          "$type": "dimension",
          "$value": "{rhc.border-width.sm}"
        },
        "icon": {
          "size": {
            "$type": "dimension",
            "$value": "{rhc.size.icon.md}"
          }
        },
        "size": {
          "$type": "dimension",
          "$value": "{rhc.size.icon.md}"
        },
        "active": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.info.500}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "border-color": {
            "$type": "color",
            "$value": "{rhc.color.info.500}"
          }
        },
        "hover": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.hemelblauw.300}"
          }
        },
        "focus": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.wit}"
          },
          "background-color": {
            "$type": "color",
            "$value": "{rhc.color.info.500}"
          }
        }
      }
    }
  },
  "components/unordered-list": {
    "utrecht": {
      "unordered-list": {
        "font-size": {
          "$type": "fontSizes",
          "$value": "{rhc.text.font-size.md}"
        },
        "line-height": {
          "$type": "lineHeights",
          "$value": "{rhc.text.line-height.md}"
        },
        "margin-block-end": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}",
          "$description": "[code-only]"
        },
        "margin-block-start": {
          "$type": "dimension",
          "$value": "{rhc.space.sm}",
          "$description": "[code-only]"
        },
        "padding-inline-start": {
          "$type": "dimension",
          "$value": "{rhc.space.2xl}"
        },
        "item": {
          "margin-block-end": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "margin-block-start": {
            "$type": "dimension",
            "$value": "{rhc.space.sm}"
          },
          "padding-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.md}"
          }
        },
        "marker": {
          "color": {
            "$type": "color",
            "$value": "{rhc.color.foreground.default}"
          }
        }
      }
    },
    "rhc": {
      "unordered-list": {
        "nested": {
          "margin-inline-start": {
            "$type": "dimension",
            "$value": "{rhc.space.none}"
          }
        }
      }
    }
  },
  "components/page-header": {
    "utrecht": {
      "page-header": {
        "background-color": {
          "$type": "color",
          "$value": "{rhc.color.wit}"
        },
        "color": {
          "$type": "color",
          "$value": "{rhc.color.cool-grey.900}"
        },
        "content": {
          "max-inline-size": {
            "$type": "dimension",
            "$value": "{rhc.size.page.md}"
          }
        }
      }
    }
  },
  "viewport/min": {
    "rhc": {
      "logo": {
        "title": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.logo.title.min.font-size}"
          },
          "padding-block-start": {
            "$type": "dimension",
            "$value": "{rhc.logo.title.min.padding-block-start}"
          }
        },
        "subtitle": {
          "font-size": {
            "$type": "fontSizes",
            "$value": "{rhc.logo.subtitle.min.font-size}"
          }
        }
      }
    }
  },
  "$themes": [
    {
      "id": "0048b2d80fdc07967e19f605ae7bb4b75d916418",
      "name": "Always on",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "brand/border": "enabled",
        "brand/color": "source",
        "brand/color-mode/light": "enabled",
        "brand/space": "enabled",
        "brand/size": "enabled",
        "brand/text": "enabled"
      },
      "group": "Brand",
      "$figmaVariableReferences": {}
    },
    {
      "id": "6bef3ecc9338e95be92666718966d1cc1a67f068",
      "name": "Always on",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/base": "enabled",
        "common/focus": "enabled",
        "common/rounded-corner": "enabled",
        "common/vendor": "source"
      },
      "group": "Common",
      "$figmaVariableReferences": {}
    },
    {
      "id": "dit-zou-een-willekeurig-uuid-moeten-zijn",
      "name": "Default",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/type-scale/default": "enabled"
      },
      "$figmaVariableReferences": {},
      "group": "Type scale"
    },
    {
      "id": "9e2348c5a7fedc3e50c7b4284a2eb6e2b1b83145",
      "name": "Information dense",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/type-scale/information-dense": "enabled"
      },
      "group": "Type scale",
      "$figmaVariableReferences": {}
    },
    {
      "id": "56706eaf82818c037fbc25d8d249dbf8ba0f2ac1",
      "name": "Min",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/viewport/min": "enabled",
        "viewport/min": "enabled"
      },
      "$figmaVariableReferences": {},
      "group": "Viewport"
    },
    {
      "id": "2768e3ed79267e65748f03874458ee68741a9816",
      "name": "Max",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/viewport/max": "enabled"
      },
      "group": "Viewport",
      "$figmaVariableReferences": {}
    },
    {
      "id": "6b301903f0b8e937b58836e4fd4f0ae3f79f1e54",
      "name": "Lintblauw",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "components/button/nl-color-core": "enabled",
        "components/button/utrecht-color-core": "enabled",
        "components/heading/color-core": "enabled",
        "common/primary-color/lintblauw": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "23d5d54abeb2e98199bb4ab49f12bd83626bf14c",
      "name": "Groen",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/primary-color/groen": "enabled",
        "components/button/nl-color-primary": "enabled",
        "components/button/utrecht-color-primary": "enabled",
        "components/heading/color-primary": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "3e67811141491ec3663bbcd289e8064eb0a3b9a2",
      "name": "Hemelblauw",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/primary-color/hemelblauw": "enabled",
        "components/heading/color-core": "enabled",
        "components/button/nl-color-primary": "enabled",
        "components/button/utrecht-color-primary": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "1c3d94816e1ceead3542fe37a68ee53db9bd8975",
      "name": "Oranje",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/primary-color/oranje": "enabled",
        "components/button/nl-color-core": "enabled",
        "components/button/utrecht-color-core": "enabled",
        "components/heading/color-core": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "9bc9c2260e1466c7a8eb642ea93f6edd55f2211c",
      "name": "Paars",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/primary-color/paars": "enabled",
        "components/button/nl-color-primary": "enabled",
        "components/button/utrecht-color-primary": "enabled",
        "components/heading/color-primary": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "4c2f97e498eca5e65cad9e7cb06692aec977b584",
      "name": "Robijnrood",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "common/primary-color/robijn-rood": "enabled",
        "components/button/nl-color-primary": "enabled",
        "components/button/utrecht-color-primary": "enabled",
        "components/heading/color-core": "enabled"
      },
      "group": "Theme",
      "$figmaVariableReferences": {}
    },
    {
      "id": "2f286db8786143ca85d30b21a16d394e810b1184",
      "name": "Always on",
      "$figmaStyleReferences": {},
      "selectedTokenSets": {
        "components/accordion": "source",
        "components/action-group": "source",
        "components/alert": "source",
        "components/article": "source",
        "components/backdrop": "source",
        "components/blockquote": "source",
        "components/breadcrumb": "source",
        "components/button/nl-base": "source",
        "components/button/utrecht-base": "source",
        "components/card": "source",
        "components/card-as-link": "source",
        "components/checkbox-group": "source",
        "components/checkbox": "source",
        "components/code-input": "source",
        "components/code-input-group": "source",
        "components/column-layout": "source",
        "components/data-badge/nl": "source",
        "components/data-badge/utrecht": "source",
        "components/data-badge-button": "source",
        "components/data-summary": "source",
        "components/document": "source",
        "components/dot-badge": "source",
        "components/drawer": "source",
        "components/expandable-checkbox-group": "source",
        "components/fieldset": "source",
        "components/figure": "source",
        "components/file-input": "source",
        "components/form-field": "source",
        "components/form-field-checkbox-option": "source",
        "components/form-field-description": "source",
        "components/form-field-error-message": "source",
        "components/form-field-label": "source",
        "components/form-field-label-suffix": "source",
        "components/form-field-option-label": "source",
        "components/form-field-radio-option": "source",
        "components/grid": "source",
        "components/heading/base": "source",
        "components/hero": "source",
        "components/icon": "source",
        "components/link-list": "source",
        "components/link-list-card": "source",
        "components/link/nl": "source",
        "components/link/utrecht": "source",
        "components/listbox": "source",
        "components/logo": "source",
        "components/message-list": "source",
        "components/nav-bar": "source",
        "components/navigation-list": "source",
        "components/number-badge/nl": "source",
        "components/number-badge/utrecht": "source",
        "components/ordered-list": "source",
        "components/page-body": "source",
        "components/page-footer": "source",
        "components/page-number-navigation": "source",
        "components/page-section": "source",
        "components/paragraph": "source",
        "components/pre-heading": "source",
        "components/radio-button": "source",
        "components/radio-group": "source",
        "components/rich-text": "source",
        "components/root": "source",
        "components/select": "source",
        "components/separator": "source",
        "components/side-nav": "source",
        "components/skip-link": "source",
        "components/status-badge": "source",
        "components/sub-nav-bar": "source",
        "components/table": "source",
        "components/text-input/base": "source",
        "components/text-input/deprecated": "source",
        "components/textarea": "source",
        "components/toggletip": "source",
        "components/unordered-list": "source",
        "components/page-header": "source"
      },
      "group": "Components",
      "$figmaVariableReferences": {}
    }
  ],
  "$metadata": {
    "tokenSetOrder": [
      "brand/border",
      "brand/color",
      "brand/color-mode/light",
      "brand/color-mode/dark",
      "brand/space",
      "brand/size",
      "brand/text",
      "common/base",
      "common/type-scale/default",
      "common/type-scale/information-dense",
      "common/viewport/min",
      "common/viewport/max",
      "common/primary-color/groen",
      "common/primary-color/hemelblauw",
      "common/primary-color/mintgroen",
      "common/primary-color/oranje",
      "common/primary-color/paars",
      "common/primary-color/robijn-rood",
      "common/primary-color/lintblauw",
      "common/focus",
      "common/rounded-corner",
      "common/vendor",
      "common/deprecated",
      "components/accordion",
      "components/action-group",
      "components/alert",
      "components/article",
      "components/backdrop",
      "components/blockquote",
      "components/breadcrumb",
      "components/button/utrecht-base",
      "components/button/utrecht-color-core",
      "components/button/utrecht-color-primary",
      "components/button/utrecht-color-primary+core",
      "components/button/nl-base",
      "components/button/nl-color-core",
      "components/button/nl-color-primary",
      "components/button/nl-color-primary+core",
      "components/card",
      "components/card-as-link",
      "components/checkbox-group",
      "components/checkbox",
      "components/code-input",
      "components/code-input-group",
      "components/column-layout",
      "components/data-badge/nl",
      "components/data-badge/utrecht",
      "components/data-badge-button",
      "components/data-summary",
      "components/document",
      "components/dot-badge",
      "components/drawer",
      "components/expandable-checkbox-group",
      "components/fieldset",
      "components/figure",
      "components/file-input",
      "components/form-field",
      "components/form-field-checkbox-option",
      "components/form-field-description",
      "components/form-field-error-message",
      "components/form-field-label",
      "components/form-field-label-suffix",
      "components/form-field-option-label",
      "components/form-field-radio-option",
      "components/grid",
      "components/heading/base",
      "components/heading/color-core",
      "components/heading/color-primary",
      "components/hero",
      "components/icon",
      "components/link-list",
      "components/link-list-card",
      "components/link/nl",
      "components/link/utrecht",
      "components/listbox",
      "components/logo",
      "components/message-list",
      "components/nav-bar",
      "components/navigation-list",
      "components/number-badge/nl",
      "components/number-badge/utrecht",
      "components/ordered-list",
      "components/page-body",
      "components/page-footer",
      "components/page-number-navigation",
      "components/page-section",
      "components/paragraph",
      "components/pre-heading",
      "components/radio-button",
      "components/radio-group",
      "components/rich-text",
      "components/root",
      "components/select",
      "components/separator",
      "components/side-nav",
      "components/skip-link",
      "components/status-badge",
      "components/sub-nav-bar",
      "components/table",
      "components/text-input/base",
      "components/text-input/deprecated",
      "components/textarea",
      "components/toggletip",
      "components/unordered-list",
      "components/page-header",
      "viewport/min"
    ]
  }
}