/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Fri, 19 Jun 2026 11:37:34 GMT
 */

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

@media (prefers-color-scheme: dark) {
  .rhc-theme--dark-mode {
    --rhc-color-cool-grey-50: var(--rhc-color-dark-cool-grey-50);
    --rhc-color-cool-grey-100: var(--rhc-color-dark-cool-grey-100);
    --rhc-color-cool-grey-200: var(--rhc-color-dark-cool-grey-200);
    --rhc-color-cool-grey-300: var(--rhc-color-dark-cool-grey-300);
    --rhc-color-cool-grey-400: var(--rhc-color-dark-cool-grey-400);
    --rhc-color-cool-grey-500: var(--rhc-color-dark-cool-grey-500);
    --rhc-color-cool-grey-600: var(--rhc-color-dark-cool-grey-600);
    --rhc-color-cool-grey-700: var(--rhc-color-dark-cool-grey-700);
    --rhc-color-cool-grey-800: var(--rhc-color-dark-cool-grey-800);
    --rhc-color-cool-grey-900: var(--rhc-color-dark-cool-grey-900);
    --rhc-color-lichtblauw-50: var(--rhc-color-dark-lichtblauw-50);
    --rhc-color-lichtblauw-100: var(--rhc-color-dark-lichtblauw-100);
    --rhc-color-lichtblauw-200: var(--rhc-color-dark-lichtblauw-200);
    --rhc-color-lichtblauw-300: var(--rhc-color-dark-lichtblauw-300);
    --rhc-color-lichtblauw-400: var(--rhc-color-dark-lichtblauw-400);
    --rhc-color-lichtblauw-500: var(--rhc-color-dark-lichtblauw-500);
    --rhc-color-violet-50: var(--rhc-color-dark-violet-50);
    --rhc-color-violet-100: var(--rhc-color-dark-violet-100);
    --rhc-color-violet-200: var(--rhc-color-dark-violet-200);
    --rhc-color-violet-300: var(--rhc-color-dark-violet-300);
    --rhc-color-violet-400: var(--rhc-color-dark-violet-400);
    --rhc-color-violet-500: var(--rhc-color-dark-violet-500);
    --rhc-color-paars-50: var(--rhc-color-dark-paars-50);
    --rhc-color-paars-100: var(--rhc-color-dark-paars-100);
    --rhc-color-paars-200: var(--rhc-color-dark-paars-200);
    --rhc-color-paars-300: var(--rhc-color-dark-paars-300);
    --rhc-color-paars-400: var(--rhc-color-dark-paars-400);
    --rhc-color-paars-500: var(--rhc-color-dark-paars-500);
    --rhc-color-hemelblauw-50: var(--rhc-color-dark-hemelblauw-50);
    --rhc-color-hemelblauw-100: var(--rhc-color-dark-hemelblauw-100);
    --rhc-color-hemelblauw-200: var(--rhc-color-dark-hemelblauw-200);
    --rhc-color-hemelblauw-300: var(--rhc-color-dark-hemelblauw-300);
    --rhc-color-hemelblauw-400: var(--rhc-color-dark-hemelblauw-400);
    --rhc-color-hemelblauw-500: var(--rhc-color-dark-hemelblauw-500);
    --rhc-color-hemelblauw-700: var(--rhc-color-dark-hemelblauw-700);
    --rhc-color-donkerblauw-50: var(--rhc-color-dark-donkerblauw-50);
    --rhc-color-donkerblauw-100: var(--rhc-color-dark-donkerblauw-100);
    --rhc-color-donkerblauw-200: var(--rhc-color-dark-donkerblauw-200);
    --rhc-color-donkerblauw-300: var(--rhc-color-dark-donkerblauw-300);
    --rhc-color-donkerblauw-400: var(--rhc-color-dark-donkerblauw-400);
    --rhc-color-donkerblauw-500: var(--rhc-color-dark-donkerblauw-500);
    --rhc-color-donkerblauw-600: var(--rhc-color-dark-donkerblauw-600);
    --rhc-color-donkerblauw-700: var(--rhc-color-dark-donkerblauw-700);
    --rhc-color-mintgroen-50: var(--rhc-color-dark-mintgroen-50);
    --rhc-color-mintgroen-100: var(--rhc-color-dark-mintgroen-100);
    --rhc-color-mintgroen-200: var(--rhc-color-dark-mintgroen-200);
    --rhc-color-mintgroen-300: var(--rhc-color-dark-mintgroen-300);
    --rhc-color-mintgroen-400: var(--rhc-color-dark-mintgroen-400);
    --rhc-color-mintgroen-500: var(--rhc-color-dark-mintgroen-500);
    --rhc-color-mosgroen-50: var(--rhc-color-dark-mosgroen-50);
    --rhc-color-mosgroen-100: var(--rhc-color-dark-mosgroen-100);
    --rhc-color-mosgroen-200: var(--rhc-color-dark-mosgroen-200);
    --rhc-color-mosgroen-300: var(--rhc-color-dark-mosgroen-300);
    --rhc-color-mosgroen-400: var(--rhc-color-dark-mosgroen-400);
    --rhc-color-mosgroen-500: var(--rhc-color-dark-mosgroen-500);
    --rhc-color-groen-50: var(--rhc-color-dark-groen-50);
    --rhc-color-groen-100: var(--rhc-color-dark-groen-100);
    --rhc-color-groen-200: var(--rhc-color-dark-groen-200);
    --rhc-color-groen-300: var(--rhc-color-dark-groen-300);
    --rhc-color-groen-400: var(--rhc-color-dark-groen-400);
    --rhc-color-groen-500: var(--rhc-color-dark-groen-500);
    --rhc-color-donkergroen-50: var(--rhc-color-dark-donkergroen-50);
    --rhc-color-donkergroen-100: var(--rhc-color-dark-donkergroen-100);
    --rhc-color-donkergroen-200: var(--rhc-color-dark-donkergroen-200);
    --rhc-color-donkergroen-300: var(--rhc-color-dark-donkergroen-300);
    --rhc-color-donkergroen-400: var(--rhc-color-dark-donkergroen-400);
    --rhc-color-donkergroen-500: var(--rhc-color-dark-donkergroen-500);
    --rhc-color-bruin-50: var(--rhc-color-dark-bruin-50);
    --rhc-color-bruin-100: var(--rhc-color-dark-bruin-100);
    --rhc-color-bruin-200: var(--rhc-color-dark-bruin-200);
    --rhc-color-bruin-300: var(--rhc-color-dark-bruin-300);
    --rhc-color-bruin-400: var(--rhc-color-dark-bruin-400);
    --rhc-color-bruin-500: var(--rhc-color-dark-bruin-500);
    --rhc-color-donkerbruin-50: var(--rhc-color-dark-donkerbruin-50);
    --rhc-color-donkerbruin-100: var(--rhc-color-dark-donkerbruin-100);
    --rhc-color-donkerbruin-200: var(--rhc-color-dark-donkerbruin-200);
    --rhc-color-donkerbruin-300: var(--rhc-color-dark-donkerbruin-300);
    --rhc-color-donkerbruin-400: var(--rhc-color-dark-donkerbruin-400);
    --rhc-color-donkerbruin-500: var(--rhc-color-dark-donkerbruin-500);
    --rhc-color-geel-50: var(--rhc-color-dark-geel-50);
    --rhc-color-geel-100: var(--rhc-color-dark-geel-100);
    --rhc-color-geel-200: var(--rhc-color-dark-geel-200);
    --rhc-color-geel-300: var(--rhc-color-dark-geel-300);
    --rhc-color-geel-400: var(--rhc-color-dark-geel-400);
    --rhc-color-geel-500: var(--rhc-color-dark-geel-500);
    --rhc-color-donkergeel-50: var(--rhc-color-dark-donkergeel-50);
    --rhc-color-donkergeel-100: var(--rhc-color-dark-donkergeel-100);
    --rhc-color-donkergeel-200: var(--rhc-color-dark-donkergeel-200);
    --rhc-color-donkergeel-300: var(--rhc-color-dark-donkergeel-300);
    --rhc-color-donkergeel-400: var(--rhc-color-dark-donkergeel-400);
    --rhc-color-donkergeel-500: var(--rhc-color-dark-donkergeel-500);
    --rhc-color-oranje-50: var(--rhc-color-dark-oranje-50);
    --rhc-color-oranje-100: var(--rhc-color-dark-oranje-100);
    --rhc-color-oranje-200: var(--rhc-color-dark-oranje-200);
    --rhc-color-oranje-300: var(--rhc-color-dark-oranje-300);
    --rhc-color-oranje-400: var(--rhc-color-dark-oranje-400);
    --rhc-color-oranje-500: var(--rhc-color-dark-oranje-500);
    --rhc-color-rood-50: var(--rhc-color-dark-rood-50);
    --rhc-color-rood-100: var(--rhc-color-dark-rood-100);
    --rhc-color-rood-200: var(--rhc-color-dark-rood-200);
    --rhc-color-rood-300: var(--rhc-color-dark-rood-300);
    --rhc-color-rood-400: var(--rhc-color-dark-rood-400);
    --rhc-color-rood-500: var(--rhc-color-dark-rood-500);
    --rhc-color-roze-50: var(--rhc-color-dark-roze-50);
    --rhc-color-roze-100: var(--rhc-color-dark-roze-100);
    --rhc-color-roze-200: var(--rhc-color-dark-roze-200);
    --rhc-color-roze-300: var(--rhc-color-dark-roze-300);
    --rhc-color-roze-400: var(--rhc-color-dark-roze-400);
    --rhc-color-roze-500: var(--rhc-color-dark-roze-500);
    --rhc-color-robijnrood-50: var(--rhc-color-dark-robijnrood-50);
    --rhc-color-robijnrood-100: var(--rhc-color-dark-robijnrood-100);
    --rhc-color-robijnrood-200: var(--rhc-color-dark-robijnrood-200);
    --rhc-color-robijnrood-300: var(--rhc-color-dark-robijnrood-300);
    --rhc-color-robijnrood-400: var(--rhc-color-dark-robijnrood-400);
    --rhc-color-robijnrood-500: var(--rhc-color-dark-robijnrood-500);
    --rhc-color-lintblauw-50: var(--rhc-color-dark-lintblauw-50);
    --rhc-color-lintblauw-100: var(--rhc-color-dark-lintblauw-100);
    --rhc-color-lintblauw-200: var(--rhc-color-dark-lintblauw-200);
    --rhc-color-lintblauw-300: var(--rhc-color-dark-lintblauw-300);
    --rhc-color-lintblauw-400: var(--rhc-color-dark-lintblauw-400);
    --rhc-color-lintblauw-500: var(--rhc-color-dark-lintblauw-500);
    --rhc-color-lintblauw-600: var(--rhc-color-dark-lintblauw-600);
    --rhc-color-lintblauw-700: var(--rhc-color-dark-lintblauw-700);
    --rhc-color-wit: var(--rhc-color-dark-wit);
    --rhc-color-zwart: var(--rhc-color-dark-zwart);
  }
}
/*
 * Prefer `vi` over `vw` when available.
 * Like `inline-size` and other logical properties, `vi` is based on the `inline` axis,
 * instead of making assumptions about the text direction.
 * The `vi` unit is unfortunately not yet implemented by all evergreen browsers.
 */

@property --rhc-viewport-width {
  inherits: true;
  initial-value: 0;
  syntax: "<length>";
}

/**
 * "Layout viewport" is based on the term in CSS:
 * https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport
 *
 * As a design token it would be `basis.layout-viewport.inline-size`.
 */
@property --rhc-viewport-inline-size {
  inherits: true;
  initial-value: 0;
  syntax: "<length>";
}

.rhc-theme {
  --rhc-viewport-width: 100vw;
  --rhc-viewport-inline-size: 100vi;
  --_rhc-viewport-min-inline-size: tan(atan2(var(--rhc-viewport-min-inline-size, 400px), 1px));
  --_rhc-viewport-max-inline-size: tan(atan2(var(--rhc-viewport-max-inline-size, 1200px), 1px));
  --rhc-viewport-size: tan(atan2(var(--rhc-viewport-inline-size, var(--rhc-viewport-width)), 1px));
  --rhc-viewport-scale: calc(
    (
        clamp(var(--_rhc-viewport-min-inline-size), var(--rhc-viewport-size), var(--_rhc-viewport-max-inline-size)) -
          var(--_rhc-viewport-min-inline-size)
      ) /
      (var(--_rhc-viewport-max-inline-size) - var(--_rhc-viewport-min-inline-size))
  );
}

.rhc-theme--fluid,
.rhc-theme--fluid-space {
  /* fluid t-shirt size tokens.
   * In short: `space-[size]` is a value between `space-min-[size]` and `space-max-[size]`
   */
  --rhc-space-2xs: calc(
    var(--rhc-space-min-2xs) + (var(--rhc-space-max-2xs) - var(--rhc-space-min-2xs)) * var(--rhc-viewport-scale)
  );
  --rhc-space-xs: calc(
    var(--rhc-space-min-xs) + (var(--rhc-space-max-xs) - var(--rhc-space-min-xs)) * var(--rhc-viewport-scale)
  );
  --rhc-space-sm: calc(
    var(--rhc-space-min-sm) + (var(--rhc-space-max-sm) - var(--rhc-space-min-sm)) * var(--rhc-viewport-scale)
  );
  --rhc-space-md: calc(
    var(--rhc-space-min-md) + (var(--rhc-space-max-md) - var(--rhc-space-min-md)) * var(--rhc-viewport-scale)
  );
  --rhc-space-lg: calc(
    var(--rhc-space-min-lg) + (var(--rhc-space-max-lg) - var(--rhc-space-min-lg)) * var(--rhc-viewport-scale)
  );
  --rhc-space-xl: calc(
    var(--rhc-space-min-xl) + (var(--rhc-space-max-xl) - var(--rhc-space-min-xl)) * var(--rhc-viewport-scale)
  );
  --rhc-space-2xl: calc(
    var(--rhc-space-min-2xl) + (var(--rhc-space-max-2xl) - var(--rhc-space-min-2xl)) * var(--rhc-viewport-scale)
  );
  --rhc-space-3xl: calc(
    var(--rhc-space-min-3xl) + (var(--rhc-space-max-3xl) - var(--rhc-space-min-3xl)) * var(--rhc-viewport-scale)
  );
  --rhc-space-4xl: calc(
    var(--rhc-space-min-4xl) + (var(--rhc-space-max-4xl) - var(--rhc-space-min-4xl)) * var(--rhc-viewport-scale)
  );
  --rhc-space-5xl: calc(
    var(--rhc-space-min-5xl) + (var(--rhc-space-max-5xl) - var(--rhc-space-min-5xl)) * var(--rhc-viewport-scale)
  );

  /* fluid logo size tokens
   */
  --rhc-size-lint: calc(
    var(--rhc-size-min-lint) + (var(--rhc-size-max-lint) - var(--rhc-size-min-lint)) * var(--rhc-viewport-scale)
  );
  --rhc-size-quarter-lint: calc(0.25 * var(--rhc-size-lint));
  --rhc-size-half-lint: calc(0.5 * var(--rhc-size-lint));
  --rhc-size-2-lint: calc(2 * var(--rhc-size-lint));
  --rhc-size-3-lint: calc(3 * var(--rhc-size-lint));
  --rhc-size-4-lint: calc(4 * var(--rhc-size-lint));
}

.rhc-theme--fluid,
.rhc-theme--fluid-text {
  --rhc-text-font-size-sm: calc(
    var(--rhc-text-font-size-min-sm) + (var(--rhc-text-font-size-max-sm) - var(--rhc-text-font-size-min-sm)) *
      var(--rhc-viewport-scale)
  );
  --rhc-text-font-size-md: calc(
    var(--rhc-text-font-size-min-md) + (var(--rhc-text-font-size-max-md) - var(--rhc-text-font-size-min-md)) *
      var(--rhc-viewport-scale)
  );
  --rhc-text-font-size-lg: calc(
    var(--rhc-text-font-size-min-lg) + (var(--rhc-text-font-size-max-lg) - var(--rhc-text-font-size-min-lg)) *
      var(--rhc-viewport-scale)
  );
  --rhc-text-font-size-xl: calc(
    var(--rhc-text-font-size-min-xl) + (var(--rhc-text-font-size-max-xl) - var(--rhc-text-font-size-min-xl)) *
      var(--rhc-viewport-scale)
  );
  --rhc-text-font-size-2xl: calc(
    var(--rhc-text-font-size-min-2xl) + (var(--rhc-text-font-size-max-2xl) - var(--rhc-text-font-size-min-2xl)) *
      var(--rhc-viewport-scale)
  );
  --rhc-text-font-size-3xl: calc(
    var(--rhc-text-font-size-min-3xl) + (var(--rhc-text-font-size-max-3xl) - var(--rhc-text-font-size-min-3xl)) *
      var(--rhc-viewport-scale)
  );
}