// Do not edit directly, this file was auto-generated.
// Generated on Wed, 10 Jun 2026 09:08:08 GMT

$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: 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: 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;
$nl-button-primary-border-color: $rhc-color-transparent;
$nl-button-primary-active-border-color: $rhc-color-transparent;
$nl-button-primary-disabled-border-color: $rhc-color-transparent;
$nl-button-primary-hover-border-color: $rhc-color-transparent;
$nl-button-primary-pressed-background-color: $rhc-color-transparent;
$nl-button-primary-negative-border-color: $rhc-color-transparent;
$nl-button-primary-negative-active-border-color: $rhc-color-transparent;
$nl-button-primary-negative-hover-border-color: $rhc-color-transparent;
$nl-button-primary-negative-pressed-background-color: $rhc-color-transparent;
$nl-button-primary-positive-border-color: $rhc-color-transparent;
$nl-button-primary-positive-active-border-color: $rhc-color-transparent;
$nl-button-primary-positive-hover-border-color: $rhc-color-transparent;
$nl-button-primary-positive-pressed-background-color: $rhc-color-transparent;
$nl-button-secondary-background-color: $rhc-color-transparent;
$nl-button-secondary-disabled-background-color: $rhc-color-transparent;
$nl-button-secondary-pressed-border-color: $rhc-color-transparent;
$nl-button-secondary-pressed-disabled-border-color: $rhc-color-transparent;
$nl-button-secondary-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-secondary-negative-background-color: $rhc-color-transparent;
$nl-button-secondary-negative-pressed-border-color: $rhc-color-transparent;
$nl-button-secondary-negative-pressed-active-border-color: $rhc-color-transparent;
$nl-button-secondary-negative-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-secondary-positive-background-color: $rhc-color-transparent;
$nl-button-secondary-positive-pressed-border-color: $rhc-color-transparent;
$nl-button-secondary-positive-pressed-active-border-color: $rhc-color-transparent;
$nl-button-secondary-positive-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-background-color: $rhc-color-transparent;
$nl-button-subtle-border-color: $rhc-color-transparent;
$nl-button-subtle-active-border-color: $rhc-color-transparent;
$nl-button-subtle-disabled-background-color: $rhc-color-transparent;
$nl-button-subtle-disabled-border-color: $rhc-color-transparent;
$nl-button-subtle-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-pressed-border-color: $rhc-color-transparent;
$nl-button-subtle-pressed-active-border-color: $rhc-color-transparent;
$nl-button-subtle-pressed-disabled-border-color: $rhc-color-transparent;
$nl-button-subtle-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-background-color: $rhc-color-transparent;
$nl-button-subtle-negative-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-active-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-pressed-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-pressed-active-border-color: $rhc-color-transparent;
$nl-button-subtle-negative-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-background-color: $rhc-color-transparent;
$nl-button-subtle-positive-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-active-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-hover-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-pressed-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-pressed-active-border-color: $rhc-color-transparent;
$nl-button-subtle-positive-pressed-hover-border-color: $rhc-color-transparent;
$nl-button-border-radius: $rhc-border-radius-md;
$nl-button-min-block-size: $rhc-size-pointer-target;
$nl-button-min-inline-size: $rhc-size-pointer-target;
$nl-button-icon-size: $rhc-size-icon-md;
$nl-button-default-border-color: $rhc-color-transparent;
$nl-button-default-border-width: $rhc-border-width-sm;
$nl-button-default-font-weight: $rhc-text-font-weight-semi-bold;
$nl-button-default-line-height: $rhc-text-line-height-md;
$nl-button-default-active-border-color: $rhc-color-transparent;
$nl-button-default-disabled-border-color: $rhc-color-transparent;
$nl-button-default-hover-border-color: $rhc-color-transparent;
$nl-button-default-pressed-disabled-border-color: $rhc-color-transparent;
$nl-button-default-pressed-hover-border-color: $rhc-color-transparent;
$nl-heading-level-1-line-height: $rhc-text-line-height-sm;
$nl-heading-level-1-margin-block-end: $rhc-space-none; // [code only]
$nl-heading-level-1-margin-block-start: $rhc-space-none; // [code only]
$nl-heading-level-2-line-height: $rhc-text-line-height-sm;
$nl-heading-level-2-margin-block-end: $rhc-space-none; // [code only]
$nl-heading-level-2-margin-block-start: $rhc-space-none; // [code only]
$nl-heading-level-3-line-height: $rhc-text-line-height-sm;
$nl-heading-level-3-margin-block-end: $rhc-space-none; // [code-only]
$nl-heading-level-3-margin-block-start: $rhc-space-none; // [code-only]
$nl-heading-level-4-line-height: $rhc-text-line-height-md;
$nl-heading-level-4-margin-block-end: $rhc-space-none; // [code only]
$nl-heading-level-4-margin-block-start: $rhc-space-none; // [code only]
$nl-heading-level-5-line-height: $rhc-text-line-height-md;
$nl-heading-level-5-margin-block-end: $rhc-space-none; // [code only]
$nl-heading-level-5-margin-block-start: $rhc-space-none; // [code only]
$nl-heading-level-6-line-height: $rhc-text-line-height-md;
$nl-heading-level-6-margin-block-end: $rhc-space-none; // [code only]
$nl-heading-level-6-margin-block-start: $rhc-space-none; // [code only]
$nl-data-badge-border-color: $rhc-color-transparent;
$nl-data-badge-border-radius: $rhc-border-radius-sm;
$nl-data-badge-border-width: $rhc-border-width-sm;
$nl-data-badge-font-weight: $rhc-text-font-weight-semi-bold;
$nl-data-badge-line-height: $rhc-text-line-height-sm;
$nl-data-badge-min-block-size: $rhc-size-half-lint;
$nl-data-badge-min-inline-size: $rhc-size-half-lint;
$nl-number-badge-border-color: $rhc-color-transparent;
$nl-number-badge-border-radius: $rhc-border-radius-round;
$nl-number-badge-border-width: $rhc-border-width-none;
$nl-paragraph-line-height: $rhc-text-line-height-md;
$nl-paragraph-margin-block-end: $rhc-space-none; // [code only]
$nl-paragraph-margin-block-start: $rhc-space-none; // [code only]
$nl-paragraph-lead-line-height: $rhc-text-line-height-md;
$nl-paragraph-lead-margin-block-end: $rhc-space-none; // [code only]
$nl-paragraph-lead-margin-block-start: $rhc-space-none; // [code only]
$nl-skip-link-min-block-size: $rhc-size-pointer-target;
$nl-skip-link-min-inline-size: $rhc-size-pointer-target;
$nl-skip-link-line-height: $rhc-text-line-height-md;
$utrecht-button-primary-action-border-color: $rhc-color-transparent;
$utrecht-button-primary-action-disabled-border-color: $rhc-color-transparent;
$utrecht-button-primary-action-hover-border-color: $rhc-color-transparent;
$utrecht-button-primary-action-focus-border-color: $rhc-color-transparent;
$utrecht-button-primary-action-pressed-border-color: $rhc-color-transparent;
$utrecht-button-primary-action-active-border-color: $rhc-color-transparent;
$utrecht-button-secondary-action-background-color: $rhc-color-transparent;
$utrecht-button-secondary-action-disabled-background-color: $rhc-color-transparent;
$utrecht-button-secondary-action-focus-border-color: $rhc-color-transparent;
$utrecht-button-subtle-background-color: $rhc-color-transparent;
$utrecht-button-subtle-border-color: $rhc-color-transparent;
$utrecht-button-subtle-disabled-background-color: $rhc-color-transparent;
$utrecht-button-subtle-disabled-border-color: $rhc-color-transparent;
$utrecht-button-subtle-hover-border-color: $rhc-color-transparent;
$utrecht-button-subtle-focus-border-color: $rhc-color-transparent;
$utrecht-button-subtle-pressed-border-color: $rhc-color-transparent;
$utrecht-button-subtle-active-border-color: $rhc-color-transparent;
$utrecht-button-border-color: $rhc-color-transparent;
$utrecht-button-border-radius: $rhc-border-radius-md;
$utrecht-button-border-width: $rhc-border-width-sm;
$utrecht-button-line-height: $rhc-text-line-height-md;
$utrecht-button-min-block-size: $rhc-size-pointer-target;
$utrecht-button-min-inline-size: $rhc-size-pointer-target;
$utrecht-button-icon-size: $rhc-size-icon-md;
$utrecht-button-pressed-border-color: $rhc-color-transparent;
$utrecht-button-active-border-color: $rhc-color-transparent;
$utrecht-button-disabled-border-color: $rhc-color-transparent;
$utrecht-button-hover-border-color: $rhc-color-transparent;
$utrecht-button-focus-border-color: $rhc-color-transparent;
$utrecht-focus-outline-style: $rhc-focus-outline-style;
$utrecht-pointer-target-min-size: $rhc-size-pointer-target;
$utrecht-accordion-margin-block-end: $rhc-space-none; // [code-only]
$utrecht-accordion-margin-block-start: $rhc-space-none;
$utrecht-accordion-row-gap: $rhc-space-none;
$utrecht-accordion-panel-border-color: $rhc-color-transparent;
$utrecht-accordion-panel-border-width: $rhc-border-width-sm;
$utrecht-accordion-panel-padding-block-start: $rhc-space-none;
$utrecht-accordion-button-background-color: $rhc-color-transparent;
$utrecht-accordion-button-border-color: $rhc-color-transparent;
$utrecht-accordion-button-border-radius: $rhc-border-radius-none;
$utrecht-accordion-button-border-width: $rhc-border-width-sm;
$utrecht-accordion-button-icon-size: $rhc-size-icon-md;
$utrecht-accordion-button-active-border-color: $rhc-color-transparent;
$utrecht-accordion-button-hover-border-color: $rhc-color-transparent;
$utrecht-accordion-button-focus-visible-background-color: $rhc-color-transparent;
$utrecht-accordion-button-focus-visible-border-color: $rhc-color-transparent;
$utrecht-accordion-button-focus-visible-border-width: $rhc-border-width-sm;
$utrecht-accordion-section-border-width: $rhc-border-width-sm;
$utrecht-accordion-section-margin-block-end: $rhc-space-none; // [code-only]
$utrecht-accordion-section-margin-block-start: $rhc-space-none; // [code-only]
$utrecht-action-group-background-color: $rhc-color-transparent;
$utrecht-action-group-padding-block-end: $rhc-space-none;
$utrecht-action-group-padding-block-start: $rhc-space-none;
$utrecht-alert-border-color: $rhc-color-transparent;
$utrecht-alert-border-radius: $rhc-border-radius-md;
$utrecht-alert-border-width: $rhc-border-width-none;
$utrecht-alert-error-border-color: $rhc-color-transparent;
$utrecht-alert-info-border-color: $rhc-color-transparent;
$utrecht-alert-message-row-gap: $rhc-space-none;
$utrecht-alert-ok-border-color: $rhc-color-transparent;
$utrecht-alert-warning-border-color: $rhc-color-transparent;
$utrecht-alert-icon-inset-block-start: $rhc-icon-md-inset-block-start;
$utrecht-alert-icon-size: $rhc-size-icon-md;
$utrecht-blockquote-background-color: $rhc-color-transparent;
$utrecht-blockquote-border-inline-start-width: $rhc-border-width-none;
$utrecht-blockquote-border-color: $rhc-color-transparent;
$utrecht-blockquote-border-radius: $rhc-border-radius-none;
$utrecht-blockquote-border-width: $rhc-border-width-none;
$utrecht-breadcrumb-nav-line-height: $rhc-text-line-height-md;
$utrecht-breadcrumb-nav-min-block-size: $rhc-size-pointer-target;
$utrecht-breadcrumb-nav-item-first-padding-inline-start: $rhc-space-none;
$utrecht-breadcrumb-nav-separator-icon-size: $rhc-size-icon-md;
$utrecht-breadcrumb-nav-link-focus-background-color: $rhc-color-transparent;
$utrecht-breadcrumb-nav-link-icon-size: $rhc-size-icon-md;
$utrecht-button-group-margin-block-end: $rhc-space-none; // [code-only]
$utrecht-button-group-margin-block-start: $rhc-space-none; // [code-only]
$utrecht-checkbox-border-radius: $rhc-border-radius-sm;
$utrecht-checkbox-border-width: $rhc-border-width-sm;
$utrecht-checkbox-size: $rhc-size-half-lint;
$utrecht-checkbox-icon-size: $rhc-size-icon-md;
$utrecht-checkbox-invalid-border-width: $rhc-border-width-sm;
$utrecht-checkbox-active-border-width: $rhc-border-width-sm;
$utrecht-checkbox-hover-border-width: $rhc-border-width-sm;
$utrecht-checkbox-focus-border-width: $rhc-border-width-md;
$utrecht-checkbox-indeterminate-border-color: $rhc-color-transparent;
$utrecht-checkbox-indeterminate-border-width: $rhc-border-width-sm;
$utrecht-checkbox-indeterminate-active-border-color: $rhc-color-transparent;
$utrecht-checkbox-indeterminate-active-border-width: $rhc-border-width-sm;
$utrecht-checkbox-indeterminate-hover-border-color: $rhc-color-transparent;
$utrecht-checkbox-indeterminate-hover-border-width: $rhc-border-width-sm;
$utrecht-checkbox-indeterminate-focus-border-width: $rhc-border-width-md;
$utrecht-checkbox-checked-border-color: $rhc-color-transparent;
$utrecht-checkbox-checked-border-width: $rhc-border-width-sm;
$utrecht-checkbox-checked-active-border-color: $rhc-color-transparent;
$utrecht-checkbox-checked-active-border-width: $rhc-border-width-sm;
$utrecht-checkbox-checked-hover-border-color: $rhc-color-transparent;
$utrecht-checkbox-checked-hover-border-width: $rhc-border-width-sm;
$utrecht-checkbox-checked-focus-border-width: $rhc-border-width-md;
$utrecht-column-layout-column-rule-color: $rhc-color-transparent;
$utrecht-column-layout-column-rule-width: $rhc-border-width-none;
$utrecht-document-line-height: $rhc-text-line-height-md;
$utrecht-drawer-border-width: $rhc-border-width-none;
$utrecht-form-fieldset-legend-line-height: $rhc-text-line-height-md;
$utrecht-form-fieldset-section-background-color: $rhc-color-transparent;
$utrecht-figure-caption-line-height: $rhc-text-line-height-md;
$utrecht-form-field-invalid-border-inline-start-width: $rhc-border-width-md;
$utrecht-form-field-description-line-height: $rhc-text-line-height-md;
$utrecht-form-field-error-message-background-color: $rhc-color-transparent;
$utrecht-form-field-error-message-margin-block-start: $rhc-space-none;
$utrecht-form-field-error-message-padding-block-start: $rhc-space-none;
$utrecht-form-field-error-message-padding-inline-end: $rhc-space-none;
$utrecht-form-field-error-message-padding-inline-start: $rhc-space-none;
$utrecht-icon-size: $rhc-size-icon-md;
$utrecht-icon-inset-block-start: $rhc-space-none;
$utrecht-link-list-margin-block-end: $rhc-space-none; // [code-only]
$utrecht-link-list-margin-block-start: $rhc-space-none; // [code-only]
$utrecht-link-list-icon-inset-block-start: $rhc-icon-md-inset-block-start;
$utrecht-link-list-icon-size: $rhc-size-icon-md;
$utrecht-link-icon-size: $rhc-size-icon-md;
$utrecht-link-focus-background-color: $rhc-color-transparent;
$utrecht-listbox-border-radius: $rhc-border-radius-md;
$utrecht-listbox-border-width: $rhc-border-width-sm;
$utrecht-listbox-font-weight: $rhc-text-font-weight-regular;
$utrecht-listbox-option-background-color: $rhc-color-transparent;
$utrecht-listbox-option-min-block-size: $rhc-size-pointer-target;
$utrecht-listbox-padding-block-end: $rhc-space-none;
$utrecht-listbox-padding-inline-end: $rhc-space-none;
$utrecht-listbox-padding-block-start: $rhc-space-none;
$utrecht-listbox-padding-inline-start: $rhc-space-none;
$utrecht-listbox-group-margin-block-end: $rhc-space-none; // [code-only]
$utrecht-listbox-group-label-margin-inline-start: $rhc-space-none; // [code-only]
$utrecht-listbox-group-label-line-height: $rhc-text-line-height-md;
$utrecht-listbox-icon-size: $rhc-size-icon-md;
$utrecht-number-badge-min-block-size: $nl-number-badge-min-block-size;
$utrecht-number-badge-min-inline-size: $nl-number-badge-min-inline-size;
$utrecht-ordered-list-line-height: $rhc-text-line-height-md;
$utrecht-page-body-font-family: $rhc-text-font-family-sans;
$utrecht-page-body-font-weight: $rhc-text-font-weight-regular;
$utrecht-page-body-line-height: $rhc-text-line-height-md;
$utrecht-page-body-content-padding-block-start: $rhc-space-none;
$utrecht-page-body-content-padding-block-end: $rhc-space-none;
$utrecht-page-body-content-padding-inline-start: $rhc-space-none;
$utrecht-page-body-content-padding-inline-end: $rhc-space-none;
$utrecht-page-body-content-max-inline-size: $rhc-size-page-md;
$utrecht-page-footer-padding-block-start: $rhc-space-none;
$utrecht-page-footer-padding-block-end: $rhc-space-none;
$utrecht-page-footer-padding-inline-start: $rhc-space-none;
$utrecht-page-footer-padding-inline-end: $rhc-space-none;
$utrecht-page-footer-content-max-inline-size: $rhc-size-page-md;
$utrecht-page-footer-content-padding-block-start: $rhc-size-lint;
$utrecht-page-footer-content-padding-block-end: $rhc-size-lint;
$utrecht-page-footer-content-padding-inline: $rhc-size-quarter-lint;
$utrecht-pre-heading-line-height: $rhc-text-line-height-sm;
$utrecht-radio-button-border-width: $rhc-border-width-sm;
$utrecht-radio-button-invalid-border-width: $rhc-border-width-sm;
$utrecht-radio-button-active-border-width: $rhc-border-width-sm;
$utrecht-radio-button-hover-border-width: $rhc-border-width-sm;
$utrecht-radio-button-focus-border-width: $rhc-border-width-md;
$utrecht-radio-button-checked-border-width: $rhc-border-width-sm;
$utrecht-radio-button-checked-active-border-width: $rhc-border-width-sm;
$utrecht-radio-button-checked-hover-border-width: $rhc-border-width-sm;
$utrecht-radio-button-checked-focus-border-width: $rhc-border-width-md;
$utrecht-rich-text-confidant-margin-block-end: $rhc-space-none;
$utrecht-root-font-family: $rhc-text-font-family-sans;
$utrecht-root-font-weight: $rhc-text-font-weight-regular;
$utrecht-root-line-height: $rhc-text-line-height-md;
$utrecht-select-border-block-end-width: $rhc-border-width-sm;
$utrecht-select-border-radius: $rhc-border-radius-sm;
$utrecht-select-border-width: $rhc-border-width-sm;
$utrecht-select-icon-size: $rhc-size-icon-md; // [code-only]
$utrecht-select-line-height: $rhc-text-line-height-md;
$utrecht-select-min-block-size: $rhc-size-pointer-target;
$utrecht-select-invalid-border-block-end-width: $rhc-border-width-sm;
$utrecht-select-invalid-border-width: $rhc-border-width-sm;
$utrecht-select-focus-border-width: $rhc-border-width-md;
$utrecht-separator-block-size: $rhc-border-width-md;
$utrecht-status-badge-line-height: $rhc-text-line-height-md;
$utrecht-status-badge-border-width: $rhc-border-width-none;
$utrecht-status-badge-border-radius: $rhc-border-radius-md;
$utrecht-status-badge-informative-border-color: $rhc-color-transparent;
$utrecht-status-badge-positive-border-color: $rhc-color-transparent;
$utrecht-status-badge-negative-border-color: $rhc-color-transparent;
$utrecht-status-badge-warning-border-color: $rhc-color-transparent;
$utrecht-status-badge-border-color: $rhc-color-transparent;
$utrecht-table-header-cell-line-height: $rhc-text-line-height-md;
$utrecht-table-caption-line-height: $rhc-text-line-height-sm;
$utrecht-table-cell-line-height: $rhc-text-line-height-md;
$utrecht-table-data-cell-line-height: $rhc-text-line-height-md;
$utrecht-table-header-border-block-end-width: $rhc-border-width-md;
$utrecht-table-header-background-color: $rhc-color-transparent;
$utrecht-table-footer-border-block-end-width: $rhc-border-width-sm;
$utrecht-table-footer-background-color: $rhc-color-transparent;
$utrecht-table-row-border-block-end-width: $rhc-border-width-sm;
$utrecht-table-row-background-color: $rhc-color-transparent;
$utrecht-table-footer-cell-line-height: $rhc-text-line-height-md;
$utrecht-textbox-border-radius: $rhc-border-radius-sm;
$utrecht-textbox-border-width: $rhc-border-width-sm;
$utrecht-textbox-line-height: $rhc-text-line-height-md;
$utrecht-textbox-min-block-size: $rhc-size-pointer-target;
$utrecht-textbox-invalid-border-block-end-width: $rhc-border-width-sm;
$utrecht-textbox-invalid-border-width: $rhc-border-width-sm;
$utrecht-textbox-focus-border-width: $rhc-border-width-md;
$utrecht-textbox-hover-border-width: $rhc-border-width-sm;
$utrecht-textarea-border-block-end-width: $rhc-border-width-sm;
$utrecht-textarea-border-radius: $rhc-border-radius-sm;
$utrecht-textarea-border-width: $rhc-border-width-sm;
$utrecht-textarea-line-height: $rhc-text-line-height-md;
$utrecht-textarea-min-block-size: $rhc-size-pointer-target;
$utrecht-textarea-invalid-border-block-end-width: $rhc-border-width-sm;
$utrecht-textarea-invalid-border-width: $rhc-border-width-sm;
$utrecht-unordered-list-line-height: $rhc-text-line-height-md;
$utrecht-page-header-content-max-inline-size: $rhc-size-page-md;
$rhc-color-cool-grey-50: $rhc-color-light-cool-grey-50;
$rhc-color-cool-grey-100: $rhc-color-light-cool-grey-100;
$rhc-color-cool-grey-200: $rhc-color-light-cool-grey-200;
$rhc-color-cool-grey-300: $rhc-color-light-cool-grey-300;
$rhc-color-cool-grey-400: $rhc-color-light-cool-grey-400;
$rhc-color-cool-grey-500: $rhc-color-light-cool-grey-500;
$rhc-color-cool-grey-600: $rhc-color-light-cool-grey-600;
$rhc-color-cool-grey-700: $rhc-color-light-cool-grey-700;
$rhc-color-cool-grey-800: $rhc-color-light-cool-grey-800;
$rhc-color-cool-grey-900: $rhc-color-light-cool-grey-900;
$rhc-color-lichtblauw-50: $rhc-color-light-lichtblauw-50;
$rhc-color-lichtblauw-100: $rhc-color-light-lichtblauw-100;
$rhc-color-lichtblauw-200: $rhc-color-light-lichtblauw-200;
$rhc-color-lichtblauw-300: $rhc-color-light-lichtblauw-300;
$rhc-color-lichtblauw-400: $rhc-color-light-lichtblauw-400;
$rhc-color-lichtblauw-500: $rhc-color-light-lichtblauw-500;
$rhc-color-violet-50: $rhc-color-light-violet-50;
$rhc-color-violet-100: $rhc-color-light-violet-100;
$rhc-color-violet-200: $rhc-color-light-violet-200;
$rhc-color-violet-300: $rhc-color-light-violet-300;
$rhc-color-violet-400: $rhc-color-light-violet-400;
$rhc-color-violet-500: $rhc-color-light-violet-500;
$rhc-color-paars-50: $rhc-color-light-paars-50;
$rhc-color-paars-100: $rhc-color-light-paars-100;
$rhc-color-paars-200: $rhc-color-light-paars-200;
$rhc-color-paars-300: $rhc-color-light-paars-300;
$rhc-color-paars-400: $rhc-color-light-paars-400;
$rhc-color-paars-500: $rhc-color-light-paars-500;
$rhc-color-hemelblauw-50: $rhc-color-light-hemelblauw-50;
$rhc-color-hemelblauw-100: $rhc-color-light-hemelblauw-100;
$rhc-color-hemelblauw-200: $rhc-color-light-hemelblauw-200;
$rhc-color-hemelblauw-300: $rhc-color-light-hemelblauw-300;
$rhc-color-hemelblauw-400: $rhc-color-light-hemelblauw-400;
$rhc-color-hemelblauw-500: $rhc-color-light-hemelblauw-500;
$rhc-color-donkerblauw-50: $rhc-color-light-donkerblauw-50;
$rhc-color-donkerblauw-100: $rhc-color-light-donkerblauw-100;
$rhc-color-donkerblauw-200: $rhc-color-light-donkerblauw-200;
$rhc-color-donkerblauw-300: $rhc-color-light-donkerblauw-300;
$rhc-color-donkerblauw-400: $rhc-color-light-donkerblauw-400;
$rhc-color-donkerblauw-500: $rhc-color-light-donkerblauw-500;
$rhc-color-donkerblauw-600: $rhc-color-light-donkerblauw-600;
$rhc-color-donkerblauw-700: $rhc-color-light-donkerblauw-700;
$rhc-color-mintgroen-50: $rhc-color-light-mintgroen-50;
$rhc-color-mintgroen-100: $rhc-color-light-mintgroen-100;
$rhc-color-mintgroen-200: $rhc-color-light-mintgroen-200;
$rhc-color-mintgroen-300: $rhc-color-light-mintgroen-300;
$rhc-color-mintgroen-400: $rhc-color-light-mintgroen-400;
$rhc-color-mintgroen-500: $rhc-color-light-mintgroen-500;
$rhc-color-mosgroen-50: $rhc-color-light-mosgroen-50;
$rhc-color-mosgroen-100: $rhc-color-light-mosgroen-100;
$rhc-color-mosgroen-200: $rhc-color-light-mosgroen-200;
$rhc-color-mosgroen-300: $rhc-color-light-mosgroen-300;
$rhc-color-mosgroen-400: $rhc-color-light-mosgroen-400;
$rhc-color-mosgroen-500: $rhc-color-light-mosgroen-500;
$rhc-color-groen-50: $rhc-color-light-groen-50;
$rhc-color-groen-100: $rhc-color-light-groen-100;
$rhc-color-groen-200: $rhc-color-light-groen-200;
$rhc-color-groen-300: $rhc-color-light-groen-300;
$rhc-color-groen-400: $rhc-color-light-groen-400;
$rhc-color-groen-500: $rhc-color-light-groen-500;
$rhc-color-groen-600: $rhc-color-light-groen-600;
$rhc-color-groen-700: $rhc-color-light-groen-700;
$rhc-color-donkergroen-50: $rhc-color-light-donkergroen-50;
$rhc-color-donkergroen-100: $rhc-color-light-donkergroen-100;
$rhc-color-donkergroen-200: $rhc-color-light-donkergroen-200;
$rhc-color-donkergroen-300: $rhc-color-light-donkergroen-300;
$rhc-color-donkergroen-400: $rhc-color-light-donkergroen-400;
$rhc-color-donkergroen-500: $rhc-color-light-donkergroen-500;
$rhc-color-bruin-50: $rhc-color-light-bruin-50;
$rhc-color-bruin-100: $rhc-color-light-bruin-100;
$rhc-color-bruin-200: $rhc-color-light-bruin-200;
$rhc-color-bruin-300: $rhc-color-light-bruin-300;
$rhc-color-bruin-400: $rhc-color-light-bruin-400;
$rhc-color-bruin-500: $rhc-color-light-bruin-500;
$rhc-color-donkerbruin-50: $rhc-color-light-donkerbruin-50;
$rhc-color-donkerbruin-100: $rhc-color-light-donkerbruin-100;
$rhc-color-donkerbruin-200: $rhc-color-light-donkerbruin-200;
$rhc-color-donkerbruin-300: $rhc-color-light-donkerbruin-300;
$rhc-color-donkerbruin-400: $rhc-color-light-donkerbruin-400;
$rhc-color-donkerbruin-500: $rhc-color-light-donkerbruin-500;
$rhc-color-geel-50: $rhc-color-light-geel-50;
$rhc-color-geel-100: $rhc-color-light-geel-100;
$rhc-color-geel-200: $rhc-color-light-geel-200;
$rhc-color-geel-300: $rhc-color-light-geel-300;
$rhc-color-geel-400: $rhc-color-light-geel-400;
$rhc-color-geel-500: $rhc-color-light-geel-500;
$rhc-color-donkergeel-50: $rhc-color-light-donkergeel-50;
$rhc-color-donkergeel-100: $rhc-color-light-donkergeel-100;
$rhc-color-donkergeel-200: $rhc-color-light-donkergeel-200;
$rhc-color-donkergeel-300: $rhc-color-light-donkergeel-300;
$rhc-color-donkergeel-400: $rhc-color-light-donkergeel-400;
$rhc-color-donkergeel-500: $rhc-color-light-donkergeel-500;
$rhc-color-oranje-50: $rhc-color-light-oranje-50;
$rhc-color-oranje-100: $rhc-color-light-oranje-100;
$rhc-color-oranje-200: $rhc-color-light-oranje-200;
$rhc-color-oranje-300: $rhc-color-light-oranje-300;
$rhc-color-oranje-400: $rhc-color-light-oranje-400;
$rhc-color-oranje-500: $rhc-color-light-oranje-500;
$rhc-color-rood-50: $rhc-color-light-rood-50;
$rhc-color-rood-100: $rhc-color-light-rood-100;
$rhc-color-rood-200: $rhc-color-light-rood-200;
$rhc-color-rood-300: $rhc-color-light-rood-300;
$rhc-color-rood-400: $rhc-color-light-rood-400;
$rhc-color-rood-500: $rhc-color-light-rood-500;
$rhc-color-rood-600: $rhc-color-light-rood-600;
$rhc-color-rood-700: $rhc-color-light-rood-700;
$rhc-color-roze-50: $rhc-color-light-roze-50;
$rhc-color-roze-100: $rhc-color-light-roze-100;
$rhc-color-roze-200: $rhc-color-light-roze-200;
$rhc-color-roze-300: $rhc-color-light-roze-300;
$rhc-color-roze-400: $rhc-color-light-roze-400;
$rhc-color-roze-500: $rhc-color-light-roze-500;
$rhc-color-robijnrood-50: $rhc-color-light-robijnrood-50;
$rhc-color-robijnrood-100: $rhc-color-light-robijnrood-100;
$rhc-color-robijnrood-200: $rhc-color-light-robijnrood-200;
$rhc-color-robijnrood-300: $rhc-color-light-robijnrood-300;
$rhc-color-robijnrood-400: $rhc-color-light-robijnrood-400;
$rhc-color-robijnrood-500: $rhc-color-light-robijnrood-500;
$rhc-color-wit: $rhc-color-light-wit;
$rhc-color-zwart: $rhc-color-light-zwart;
$rhc-color-lintblauw-50: $rhc-color-light-lintblauw-50;
$rhc-color-lintblauw-100: $rhc-color-light-lintblauw-100;
$rhc-color-lintblauw-200: $rhc-color-light-lintblauw-200;
$rhc-color-lintblauw-300: $rhc-color-light-lintblauw-300;
$rhc-color-lintblauw-400: $rhc-color-light-lintblauw-400;
$rhc-color-lintblauw-500: $rhc-color-light-lintblauw-500;
$rhc-color-lintblauw-600: $rhc-color-light-lintblauw-600;
$rhc-color-lintblauw-700: $rhc-color-light-lintblauw-700;
$rhc-text-font-size-sm: $rhc-text-font-size-max-sm;
$rhc-text-font-size-md: $rhc-text-font-size-max-md;
$rhc-text-font-size-lg: $rhc-text-font-size-max-lg;
$rhc-text-font-size-xl: $rhc-text-font-size-max-xl;
$rhc-text-font-size-2xl: $rhc-text-font-size-max-2xl;
$rhc-text-font-size-3xl: $rhc-text-font-size-max-3xl;
$rhc-text-font-weight-default: $rhc-text-font-weight-regular;
$rhc-text-font-weight-strong: $rhc-text-font-weight-bold;
$rhc-text-font-family-default: $rhc-text-font-family-sans;
$rhc-space-2xs: $rhc-space-max-2xs;
$rhc-space-xs: $rhc-space-max-xs;
$rhc-space-sm: $rhc-space-max-sm;
$rhc-space-md: $rhc-space-max-md;
$rhc-space-lg: $rhc-space-max-lg;
$rhc-space-xl: $rhc-space-max-xl;
$rhc-space-2xl: $rhc-space-max-2xl;
$rhc-space-3xl: $rhc-space-max-3xl;
$rhc-space-4xl: $rhc-space-max-4xl;
$rhc-space-5xl: $rhc-space-max-5xl;
$rhc-focus-outline-width: $rhc-border-width-md;
$rhc-rounded-corner-sm-border-radius: $rhc-size-half-lint;
$rhc-rounded-corner-md-border-radius: $rhc-size-lint;
$rhc-rounded-corner-lg-border-radius: $rhc-size-2-lint;
$rhc-blockquote-margin-block-end: $rhc-space-none;
$rhc-blockquote-margin-block-start: $rhc-space-none;
$rhc-blockquote-margin-inline-end: $rhc-space-none;
$rhc-blockquote-margin-inline-start: $rhc-space-none;
$rhc-card-border-radius: $rhc-border-radius-md;
$rhc-card-border-width: $rhc-border-width-sm;
$rhc-card-icon-size: $rhc-size-icon-md;
$rhc-card-full-bleed-border-color: $rhc-color-transparent;
$rhc-card-horizontal-border-color: $rhc-color-transparent;
$rhc-card-as-link-border-radius: $rhc-border-radius-md;
$rhc-card-as-link-border-width: $rhc-border-width-sm;
$rhc-card-as-link-icon-size: $rhc-size-icon-md;
$rhc-card-as-link-full-bleed-border-color: $rhc-color-transparent;
$rhc-card-as-link-horizontal-border-color: $rhc-color-transparent;
$rhc-card-as-link-horizontal-max-block-size: $rhc-card-horizontal-max-block-size;
$rhc-code-input-size: $rhc-size-pointer-target;
$rhc-data-summary-item-value-row-padding-inline-end: $rhc-space-none;
$rhc-data-summary-item-value-padding-block-start: $rhc-space-none;
$rhc-data-summary-item-value-padding-inline-end: $rhc-space-none;
$rhc-data-summary-item-value-padding-inline-start: $rhc-space-none;
$rhc-data-summary-item-key-row-padding-inline-start: $rhc-space-none;
$rhc-data-summary-item-key-padding-inline-end: $rhc-space-none;
$rhc-data-summary-item-key-padding-inline-start: $rhc-space-none;
$rhc-data-summary-item-border-width: $rhc-border-width-sm;
$rhc-data-summary-line-height: $rhc-text-line-height-md;
$rhc-data-summary-item-action-row-padding-inline-end: $rhc-space-none;
$rhc-data-summary-item-action-padding-inline-start: $rhc-space-none;
$rhc-dot-badge-border-radius: $rhc-border-radius-round;
$rhc-file-border-width: $rhc-border-width-sm;
$rhc-file-border-radius: $rhc-border-radius-md;
$rhc-form-field-checkbox-option-margin-block-end: $rhc-space-none;
$rhc-form-field-radio-option-label-margin-block-end: $rhc-space-none;
$rhc-form-field-radio-option-input-margin-block-start: $rhc-icon-md-inset-block-start;
$rhc-hero-heading-line-height: $rhc-text-line-height-sm;
$rhc-hero-sub-heading-line-height: $rhc-text-line-height-md;
$rhc-logo-image-inline-size: $rhc-size-lint;
$rhc-logo-image-block-size: $rhc-size-2-lint;
$rhc-logo-subtitle-font-weight: $rhc-text-font-weight-regular;
$rhc-message-list-item-border-width: $rhc-border-width-sm;
$rhc-message-list-item-icon-size: $rhc-size-icon-md;
$rhc-message-list-item-min-height: $rhc-size-pointer-target;
$rhc-message-list-item-label-line-height: $rhc-text-line-height-md;
$rhc-nav-bar-border-block-end-width: $rhc-border-width-sm;
$rhc-nav-bar-max-inline-size: $rhc-size-page-md;
$rhc-nav-bar-icon-size: $rhc-size-icon-md;
$rhc-navigation-list-item-border-width: $rhc-border-width-sm;
$rhc-navigation-list-item-min-height: $rhc-size-pointer-target;
$rhc-navigation-list-item-description-line-height: $rhc-text-line-height-md;
$rhc-navigation-list-item-icon-start-border-radius: $rhc-border-radius-round;
$rhc-navigation-list-item-icon-start-size: $rhc-size-icon-md;
$rhc-navigation-list-item-label-line-height: $rhc-text-line-height-md;
$rhc-page-footer-content-max-inline-size: $rhc-size-page-md;
$rhc-page-footer-border-block-start-width: $rhc-border-width-md;
$rhc-sidenav-link-line-height: $rhc-text-line-height-md;
$rhc-sidenav-link-icon-size: $rhc-size-icon-md;
$rhc-sidenav-link-focus-border-radius: $rhc-border-radius-md;
$rhc-sidenav-link-focus-border-width: $rhc-border-width-md;
$rhc-sidenav-link-focus-background-color: $rhc-color-transparent;
$rhc-sub-nav-bar-content-max-inline-size: $rhc-size-page-md;
$rhc-textarea-focus-border-width: $rhc-border-width-md;
$rhc-toggletip-border-color: $rhc-color-transparent;
$rhc-toggletip-border-radius: $rhc-border-radius-md;
$rhc-toggletip-border-width: $rhc-border-width-sm;
$rhc-toggletip-icon-size: $rhc-size-icon-md;
$rhc-toggletip-size: $rhc-size-icon-md;
$rhc-unordered-list-nested-margin-inline-start: $rhc-space-none;
$basis-text-line-height-md: $rhc-text-line-height-md;
$basis-border-width-sm: $rhc-border-width-sm;
$basis-focus-outline-width: $rhc-border-width-md;
$todo-accordion-button-line-height: $utrecht-button-subtle-line-height;
$todo-checkbox-indeterminate-active-border-color: $rhc-color-transparent;
$todo-checkbox-indeterminate-active-border-width: $rhc-border-width-sm;
$todo-checkbox-indeterminate-hover-border-color: $rhc-color-transparent;
$todo-checkbox-indeterminate-hover-border-width: $rhc-border-width-sm;
$todo-checkbox-indeterminate-focus-visible-border-width: $rhc-border-width-md;
$todo-checkbox-checked-active-border-color: $rhc-color-transparent;
$todo-checkbox-checked-active-border-width: $rhc-border-width-sm;
$todo-checkbox-checked-hover-border-color: $rhc-color-transparent;
$todo-checkbox-checked-hover-border-width: $rhc-border-width-sm;
$todo-checkbox-checked-focus-visible-border-width: $rhc-border-width-md;
$todo-form-field-error-message-icon-size: $rhc-size-icon-md;
$todo-form-field-label-suffix-font-family: $rhc-text-font-family-sans;
$todo-form-field-label-suffix-font-weight: $rhc-text-font-weight-regular;
$todo-form-field-label-suffix-line-height: $rhc-text-line-height-md;
$todo-form-field-option-label-line-height: $rhc-text-line-height-md;
$ams-pagination-link-current-font-weight: $rhc-text-font-weight-bold;
$nl-button-primary-pressed-disabled-background-color: $rhc-color-cool-grey-100;
$nl-button-primary-pressed-disabled-border-color: $rhc-color-cool-grey-300;
$nl-button-primary-pressed-disabled-color: $rhc-color-cool-grey-400;
$nl-button-primary-border-width: $nl-button-default-border-width;
$nl-button-primary-font-weight: $nl-button-default-font-weight;
$nl-button-primary-line-height: $nl-button-default-line-height;
$nl-button-secondary-pressed-disabled-background-color: $rhc-color-cool-grey-600;
$nl-button-secondary-pressed-disabled-color: $rhc-color-cool-grey-300;
$nl-button-secondary-border-width: $nl-button-default-border-width;
$nl-button-secondary-font-weight: $nl-button-default-font-weight;
$nl-button-secondary-line-height: $nl-button-default-line-height;
$nl-button-subtle-pressed-disabled-background-color: $rhc-color-cool-grey-600;
$nl-button-subtle-pressed-disabled-color: $rhc-color-cool-grey-300;
$nl-button-subtle-font-weight: $nl-button-default-font-weight;
$nl-button-subtle-line-height: $nl-button-default-line-height;
$nl-button-column-gap: $rhc-space-md;
$nl-button-font-family: $rhc-text-font-family-default;
$nl-button-padding-block-end: $rhc-space-md;
$nl-button-padding-block-start: $rhc-space-md;
$nl-button-padding-inline-end: $rhc-space-xl;
$nl-button-padding-inline-start: $rhc-space-xl;
$nl-button-icon-only-padding-block-end: $rhc-space-lg;
$nl-button-icon-only-padding-block-start: $rhc-space-lg;
$nl-button-icon-only-padding-inline-end: $rhc-space-lg;
$nl-button-icon-only-padding-inline-start: $rhc-space-lg;
$nl-button-default-background-color: $rhc-color-cool-grey-900;
$nl-button-default-font-size: $rhc-text-font-size-md;
$nl-button-default-active-background-color: $rhc-color-cool-grey-800;
$nl-button-default-disabled-background-color: $rhc-color-cool-grey-200;
$nl-button-default-disabled-color: $rhc-color-cool-grey-400;
$nl-button-default-hover-background-color: $rhc-color-cool-grey-700;
$nl-button-default-pressed-background-color: $rhc-color-cool-grey-100;
$nl-button-default-pressed-border-color: $rhc-color-cool-grey-900;
$nl-button-default-pressed-color: $rhc-color-cool-grey-900;
$nl-button-default-pressed-active-background-color: $rhc-color-cool-grey-100;
$nl-button-default-pressed-active-border-color: $rhc-color-cool-grey-800;
$nl-button-default-pressed-active-color: $rhc-color-cool-grey-800;
$nl-button-default-pressed-disabled-background-color: $rhc-color-cool-grey-200;
$nl-button-default-pressed-disabled-color: $rhc-color-cool-grey-400;
$nl-button-default-pressed-hover-background-color: $rhc-color-cool-grey-700;
$nl-heading-level-1-font-family: $rhc-text-font-family-default;
$nl-heading-level-1-font-size: $rhc-text-font-size-3xl;
$nl-heading-level-1-font-weight: $rhc-text-font-weight-strong;
$nl-heading-level-2-font-family: $rhc-text-font-family-default;
$nl-heading-level-2-font-size: $rhc-text-font-size-2xl;
$nl-heading-level-2-font-weight: $rhc-text-font-weight-strong;
$nl-heading-level-3-font-family: $rhc-text-font-family-default;
$nl-heading-level-3-font-size: $rhc-text-font-size-xl;
$nl-heading-level-3-font-weight: $rhc-text-font-weight-strong;
$nl-heading-level-4-font-family: $rhc-text-font-family-default;
$nl-heading-level-4-font-size: $rhc-text-font-size-lg;
$nl-heading-level-4-font-weight: $rhc-text-font-weight-strong;
$nl-heading-level-5-font-family: $rhc-text-font-family-default;
$nl-heading-level-5-font-size: $rhc-text-font-size-md;
$nl-heading-level-5-font-weight: $rhc-text-font-weight-strong;
$nl-heading-level-6-font-family: $rhc-text-font-family-default;
$nl-heading-level-6-font-size: $rhc-text-font-size-md;
$nl-heading-level-6-font-weight: $rhc-text-font-weight-strong;
$nl-data-badge-background-color: $rhc-color-cool-grey-100;
$nl-data-badge-font-family: $rhc-text-font-family-default;
$nl-data-badge-font-size: $rhc-text-font-size-md;
$nl-data-badge-padding-block: $rhc-space-xs;
$nl-data-badge-padding-inline: $rhc-space-sm;
$nl-link-text-underline-offset: $rhc-space-xs; // [code-only]
$nl-number-badge-color: $rhc-color-wit;
$nl-number-badge-font-family: $rhc-text-font-family-default;
$nl-number-badge-font-size: $rhc-text-font-size-md;
$nl-number-badge-font-weight: $rhc-text-font-weight-strong;
$nl-number-badge-padding-block: $rhc-space-xs;
$nl-number-badge-padding-inline: $rhc-space-md;
$nl-paragraph-font-family: $rhc-text-font-family-default;
$nl-paragraph-font-size: $rhc-text-font-size-md;
$nl-paragraph-font-weight: $rhc-text-font-weight-default;
$nl-paragraph-lead-font-size: $rhc-text-font-size-lg;
$nl-paragraph-lead-font-weight: $rhc-text-font-weight-default;
$nl-skip-link-background-color: $rhc-color-wit;
$nl-skip-link-padding-block: $rhc-space-lg;
$nl-skip-link-padding-inline: $rhc-space-xl;
$nl-skip-link-font-size: $rhc-text-font-size-md;
$utrecht-button-primary-action-font-weight: $rhc-text-font-weight-strong;
$utrecht-button-secondary-action-font-weight: $rhc-text-font-weight-strong;
$utrecht-button-subtle-font-weight: $rhc-text-font-weight-strong;
$utrecht-button-background-color: $rhc-color-cool-grey-900;
$utrecht-button-column-gap: $rhc-space-md;
$utrecht-button-font-family: $rhc-text-font-family-default;
$utrecht-button-font-size: $rhc-text-font-size-md;
$utrecht-button-font-weight: $rhc-text-font-weight-strong;
$utrecht-button-padding-block-end: $rhc-space-md;
$utrecht-button-padding-block-start: $rhc-space-md;
$utrecht-button-padding-inline-end: $rhc-space-xl;
$utrecht-button-padding-inline-start: $rhc-space-xl;
$utrecht-button-pressed-background-color: $rhc-color-cool-grey-800;
$utrecht-button-active-background-color: $rhc-color-cool-grey-800;
$utrecht-button-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-button-disabled-color: $rhc-color-cool-grey-400;
$utrecht-button-hover-background-color: $rhc-color-cool-grey-700;
$utrecht-button-focus-background-color: $rhc-color-cool-grey-700;
$utrecht-focus-inverse-outline-color: $rhc-color-wit;
$utrecht-focus-outline-width: $rhc-focus-outline-width;
$utrecht-accordion-panel-padding-block-end: $rhc-space-2xl;
$utrecht-accordion-panel-padding-inline-end: $rhc-space-xl;
$utrecht-accordion-panel-padding-inline-start: $rhc-space-5xl;
$utrecht-accordion-button-gap: $rhc-space-md;
$utrecht-accordion-button-padding-block-end: $rhc-space-lg;
$utrecht-accordion-button-padding-block-start: $rhc-space-lg;
$utrecht-accordion-button-padding-inline-end: $rhc-space-xl;
$utrecht-accordion-button-padding-inline-start: $rhc-space-xl;
$utrecht-action-group-column-gap: $rhc-space-md;
$utrecht-action-group-row-gap: $rhc-space-md;
$utrecht-alert-column-gap: $rhc-space-md;
$utrecht-alert-margin-block-end: $rhc-space-lg; // [code-only]
$utrecht-alert-margin-block-start: $rhc-space-lg; // [code-only]
$utrecht-alert-padding-block-end: $rhc-space-xl;
$utrecht-alert-padding-block-start: $rhc-space-xl;
$utrecht-alert-padding-inline-end: $rhc-space-xl;
$utrecht-alert-padding-inline-start: $rhc-space-xl;
$utrecht-alert-content-row-gap: $rhc-space-md;
$utrecht-article-font-size: $rhc-text-font-size-md;
$utrecht-blockquote-font-size: $rhc-text-font-size-md;
$utrecht-blockquote-font-family: $rhc-text-font-family-default;
$utrecht-blockquote-padding-block-end: $rhc-space-3xl;
$utrecht-blockquote-padding-block-start: $rhc-space-3xl;
$utrecht-blockquote-padding-inline-end: $rhc-space-3xl;
$utrecht-blockquote-padding-inline-start: $rhc-space-3xl;
$utrecht-blockquote-row-gap: $rhc-space-lg;
$utrecht-blockquote-attribution-font-size: $rhc-text-font-size-md;
$utrecht-blockquote-content-font-size: $rhc-text-font-size-md;
$utrecht-breadcrumb-nav-font-family: $rhc-text-font-family-default;
$utrecht-breadcrumb-nav-font-size: $rhc-text-font-size-md;
$utrecht-breadcrumb-nav-item-padding-block-end: $rhc-space-md;
$utrecht-breadcrumb-nav-item-padding-block-start: $rhc-space-md;
$utrecht-breadcrumb-nav-item-padding-inline-end: $rhc-space-md;
$utrecht-breadcrumb-nav-item-padding-inline-start: $rhc-space-md;
$utrecht-breadcrumb-nav-link-current-font-weight: $rhc-text-font-weight-default;
$utrecht-checkbox-margin-inline-end: $rhc-space-md;
$utrecht-checkbox-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-checkbox-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-checkbox-indeterminate-color: $rhc-color-wit;
$utrecht-checkbox-indeterminate-active-color: $rhc-color-wit;
$utrecht-checkbox-indeterminate-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-checkbox-indeterminate-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-checkbox-indeterminate-disabled-color: $rhc-color-cool-grey-600;
$utrecht-checkbox-indeterminate-hover-color: $rhc-color-wit;
$utrecht-checkbox-checked-color: $rhc-color-wit;
$utrecht-checkbox-checked-active-color: $rhc-color-wit;
$utrecht-checkbox-checked-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-checkbox-checked-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-checkbox-checked-disabled-color: $rhc-color-cool-grey-600;
$utrecht-checkbox-checked-hover-color: $rhc-color-wit;
$utrecht-column-layout-gap: $rhc-space-lg;
$utrecht-data-badge-padding-block: $rhc-space-xs;
$utrecht-document-background-color: $rhc-color-wit;
$utrecht-document-font-family: $rhc-text-font-family-default;
$utrecht-document-font-size: $rhc-text-font-size-md;
$utrecht-document-font-weight: $rhc-text-font-weight-default;
$utrecht-drawer-background-color: $rhc-color-wit;
$utrecht-drawer-padding-block-start: $rhc-space-xl;
$utrecht-drawer-padding-block-end: $rhc-space-xl;
$utrecht-drawer-padding-inline-start: $rhc-space-xl;
$utrecht-drawer-padding-inline-end: $rhc-space-xl;
$utrecht-form-fieldset-legend-font-family: $rhc-text-font-family-default;
$utrecht-form-fieldset-legend-font-size: $rhc-text-font-size-md;
$utrecht-form-fieldset-legend-font-weight: $rhc-text-font-weight-strong;
$utrecht-form-fieldset-invalid-border-inline-start-width: $utrecht-form-field-invalid-border-inline-start-width;
$utrecht-figure-caption-font-size: $rhc-text-font-size-md;
$utrecht-form-field-font-size: $rhc-text-font-size-md;
$utrecht-form-field-margin-block-end: $rhc-space-md; // [code-only]
$utrecht-form-field-margin-block-start: $rhc-space-md; // [code-only]
$utrecht-form-field-invalid-padding-inline-start: $rhc-space-xl;
$utrecht-form-field-description-font-family: $rhc-text-font-family-default;
$utrecht-form-field-description-font-size: $rhc-text-font-size-md;
$utrecht-form-field-description-margin-block-end: $rhc-space-md;
$utrecht-form-field-description-margin-block-start: -$rhc-space-md;
$utrecht-form-field-error-message-font-family: $rhc-text-font-family-default;
$utrecht-form-field-error-message-font-size: $rhc-text-font-size-md;
$utrecht-form-field-error-message-font-weight: $rhc-text-font-weight-default;
$utrecht-form-field-error-message-margin-block-end: $rhc-space-md;
$utrecht-form-field-error-message-padding-block-end: $rhc-space-md;
$utrecht-form-label-font-size: $rhc-text-font-size-md;
$utrecht-form-label-font-weight: $rhc-text-font-weight-strong;
$utrecht-form-label-checkbox-font-weight: $rhc-text-font-weight-default;
$utrecht-form-label-radio-font-weight: $rhc-text-font-weight-default;
$utrecht-form-label-checked-font-weight: $rhc-text-font-weight-default;
$utrecht-form-label-disabled-color: $rhc-color-cool-grey-600;
$utrecht-form-field-label-margin-block-end: $rhc-space-md;
$utrecht-link-list-row-gap: $rhc-space-md;
$utrecht-link-list-item-font-size: $rhc-text-font-size-md;
$utrecht-link-list-link-column-gap: $rhc-space-md;
$utrecht-link-list-link-font-weight: $rhc-text-font-weight-default;
$utrecht-link-column-gap: $rhc-space-sm;
$utrecht-link-text-underline-offset: $rhc-space-xs; // [code-only]
$utrecht-listbox-background-color: $rhc-color-wit;
$utrecht-listbox-color: $rhc-color-zwart;
$utrecht-listbox-option-hover-background-color: $rhc-color-cool-grey-200;
$utrecht-listbox-option-selected-hover-background-color: $rhc-color-cool-grey-200;
$utrecht-listbox-option-padding-block-end: $rhc-space-md;
$utrecht-listbox-option-padding-inline-end: $rhc-space-xl;
$utrecht-listbox-option-padding-inline-start: $rhc-space-xl;
$utrecht-listbox-option-padding-block-start: $rhc-space-md;
$utrecht-listbox-option-active-background-color: $rhc-color-cool-grey-400;
$utrecht-listbox-option-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-listbox-group-label-font-size: $rhc-text-font-size-md;
$utrecht-listbox-group-label-font-weight: $rhc-text-font-weight-default;
$utrecht-number-badge-border-color: $nl-number-badge-border-color;
$utrecht-number-badge-border-radius: $nl-number-badge-border-radius;
$utrecht-number-badge-border-width: $nl-number-badge-border-width;
$utrecht-ordered-list-font-size: $rhc-text-font-size-md;
$utrecht-ordered-list-margin-block-end: $rhc-space-sm; // [code-only]
$utrecht-ordered-list-margin-block-start: $rhc-space-sm; // [code-only]
$utrecht-ordered-list-padding-inline-start: $rhc-space-3xl;
$utrecht-ordered-list-item-margin-block-end: $rhc-space-sm;
$utrecht-ordered-list-item-margin-block-start: $rhc-space-sm;
$utrecht-ordered-list-item-padding-inline-start: $rhc-space-md;
$utrecht-page-body-font-size: $rhc-text-font-size-md;
$utrecht-page-body-content-background-color: $rhc-color-wit;
$utrecht-page-body-content-color: $rhc-color-cool-grey-900;
$utrecht-pre-heading-font-family: $rhc-text-font-family-default;
$utrecht-pre-heading-font-weight: $rhc-text-font-weight-strong;
$utrecht-pre-heading-font-size: $rhc-text-font-size-md;
$utrecht-radio-button-margin-inline-end: $rhc-space-md;
$utrecht-radio-button-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-radio-button-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-rich-text-stranger-margin-block-end: $rhc-space-3xl;
$utrecht-rich-text-acquaintance-margin-block-end: $rhc-space-xl;
$utrecht-rich-text-friend-margin-block-end: $rhc-space-md;
$utrecht-rich-text-best-friend-margin-block-end: $rhc-space-sm;
$utrecht-root-background-color: $rhc-color-wit;
$utrecht-root-color: $rhc-color-cool-grey-900;
$utrecht-root-font-size: $rhc-text-font-size-md;
$utrecht-select-font-family: $rhc-text-font-family-default;
$utrecht-select-font-size: $rhc-text-font-size-md;
$utrecht-select-font-weight: $rhc-text-font-weight-default;
$utrecht-select-padding-block-end: $rhc-space-md;
$utrecht-select-padding-block-start: $rhc-space-md;
$utrecht-select-padding-inline-end: $rhc-space-lg;
$utrecht-select-padding-inline-start: $rhc-space-lg;
$utrecht-select-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-select-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-select-disabled-color: $rhc-color-cool-grey-600;
$utrecht-separator-color: $rhc-color-cool-grey-300;
$utrecht-separator-margin-block-end: $rhc-space-lg; // [code-only]
$utrecht-separator-margin-block-start: $rhc-space-lg; // [code-only]
$utrecht-status-badge-font-size: $rhc-text-font-size-md;
$utrecht-status-badge-font-weight: $rhc-text-font-weight-strong;
$utrecht-status-badge-font-family: $rhc-text-font-family-default;
$utrecht-status-badge-padding-inline: $rhc-space-sm;
$utrecht-status-badge-padding-block: $rhc-space-xs;
$utrecht-status-badge-background-color: $rhc-color-cool-grey-200;
$utrecht-table-header-cell-font-family: $rhc-text-font-family-default;
$utrecht-table-header-cell-font-weight: $rhc-text-font-weight-strong;
$utrecht-table-header-cell-font-size: $rhc-text-font-size-md;
$utrecht-table-caption-margin-block-end: $rhc-space-2xl;
$utrecht-table-caption-font-family: $rhc-text-font-family-default;
$utrecht-table-caption-font-weight: $rhc-text-font-weight-strong;
$utrecht-table-caption-font-size: $rhc-text-font-size-xl;
$utrecht-table-cell-padding-block-end: $rhc-space-lg;
$utrecht-table-cell-padding-block-start: $rhc-space-lg;
$utrecht-table-cell-padding-inline-end: $rhc-space-xl;
$utrecht-table-cell-padding-inline-start: $rhc-space-xl;
$utrecht-table-data-cell-font-family: $rhc-text-font-family-default;
$utrecht-table-data-cell-font-weight: $rhc-text-font-weight-default;
$utrecht-table-data-cell-font-size: $rhc-text-font-size-md;
$utrecht-table-header-border-block-end-color: $rhc-color-cool-grey-300;
$utrecht-table-footer-border-block-end-color: $rhc-color-cool-grey-300;
$utrecht-table-row-border-block-end-color: $rhc-color-cool-grey-300;
$utrecht-table-footer-cell-font-weight: $rhc-text-font-weight-strong;
$utrecht-table-footer-cell-font-size: $rhc-text-font-size-md;
$utrecht-table-footer-cell-font-family: $rhc-text-font-family-default;
$utrecht-table-font-size: $rhc-text-font-size-md;
$utrecht-textbox-font-family: $rhc-text-font-family-default;
$utrecht-textbox-font-size: $rhc-text-font-size-md;
$utrecht-textbox-font-weight: $rhc-text-font-weight-default;
$utrecht-textbox-padding-block-end: $rhc-space-md;
$utrecht-textbox-padding-block-start: $rhc-space-md;
$utrecht-textbox-padding-inline-end: $rhc-space-lg;
$utrecht-textbox-padding-inline-start: $rhc-space-lg;
$utrecht-textbox-placeholder-color: $rhc-color-cool-grey-500;
$utrecht-textbox-read-only-background-color: $rhc-color-cool-grey-100;
$utrecht-textbox-read-only-border-color: $rhc-color-cool-grey-300;
$utrecht-textbox-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-textbox-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-textbox-disabled-color: $rhc-color-cool-grey-600;
$utrecht-textarea-font-family: $rhc-text-font-family-default;
$utrecht-textarea-font-size: $rhc-text-font-size-md;
$utrecht-textarea-font-weight: $rhc-text-font-weight-default;
$utrecht-textarea-padding-block-end: $rhc-space-md;
$utrecht-textarea-padding-block-start: $rhc-space-md;
$utrecht-textarea-padding-inline-end: $rhc-space-lg;
$utrecht-textarea-padding-inline-start: $rhc-space-lg;
$utrecht-textarea-placeholder-color: $rhc-color-cool-grey-500;
$utrecht-textarea-read-only-background-color: $rhc-color-cool-grey-100;
$utrecht-textarea-read-only-border-color: $rhc-color-cool-grey-300;
$utrecht-textarea-disabled-background-color: $rhc-color-cool-grey-200;
$utrecht-textarea-disabled-border-color: $rhc-color-cool-grey-300;
$utrecht-textarea-disabled-color: $rhc-color-cool-grey-600;
$utrecht-unordered-list-font-size: $rhc-text-font-size-md;
$utrecht-unordered-list-margin-block-end: $rhc-space-sm; // [code-only]
$utrecht-unordered-list-margin-block-start: $rhc-space-sm; // [code-only]
$utrecht-unordered-list-padding-inline-start: $rhc-space-2xl;
$utrecht-unordered-list-item-margin-block-end: $rhc-space-sm;
$utrecht-unordered-list-item-margin-block-start: $rhc-space-sm;
$utrecht-unordered-list-item-padding-inline-start: $rhc-space-md;
$utrecht-page-header-background-color: $rhc-color-wit;
$utrecht-page-header-color: $rhc-color-cool-grey-900;
$rhc-color-foreground-default: $rhc-color-cool-grey-900;
$rhc-color-foreground-subtle: $rhc-color-cool-grey-700;
$rhc-color-foreground-link: $rhc-color-donkerblauw-500;
$rhc-color-foreground-link-active: $rhc-color-donkerblauw-700;
$rhc-color-foreground-link-hover: $rhc-color-donkerblauw-600;
$rhc-color-foreground-on-dark-color: $rhc-color-wit;
$rhc-color-foreground-on-light-color: $rhc-color-zwart;
$rhc-color-border-default: $rhc-color-cool-grey-500;
$rhc-color-border-subtle: $rhc-color-cool-grey-400;
$rhc-color-bg-document: $rhc-color-wit;
$rhc-color-positive-50: $rhc-color-groen-50;
$rhc-color-positive-100: $rhc-color-groen-100;
$rhc-color-positive-500: $rhc-color-groen-500;
$rhc-color-positive-hover: $rhc-color-groen-600;
$rhc-color-positive-active: $rhc-color-groen-700;
$rhc-color-info-50: $rhc-color-hemelblauw-50;
$rhc-color-info-500: $rhc-color-hemelblauw-500;
$rhc-color-negative-50: $rhc-color-rood-50;
$rhc-color-negative-100: $rhc-color-rood-100;
$rhc-color-negative-500: $rhc-color-rood-500;
$rhc-color-negative-hover: $rhc-color-rood-600;
$rhc-color-negative-active: $rhc-color-rood-700;
$rhc-color-warning-50: $rhc-color-donkergeel-50;
$rhc-color-warning-500: $rhc-color-donkergeel-500;
$rhc-color-core-50: $rhc-color-lintblauw-50;
$rhc-color-core-100: $rhc-color-lintblauw-100;
$rhc-color-core-200: $rhc-color-lintblauw-200;
$rhc-color-core-300: $rhc-color-lintblauw-300;
$rhc-color-core-400: $rhc-color-lintblauw-400;
$rhc-color-core-500: $rhc-color-lintblauw-500;
$rhc-color-core-hover: $rhc-color-lintblauw-600;
$rhc-color-core-active: $rhc-color-lintblauw-700;
$rhc-focus-outline-color: $rhc-color-zwart;
$rhc-focus-inverse-outline-color: $rhc-color-wit;
$rhc-focus-outline-offset: $rhc-space-xs;
$rhc-icon-only-button-padding-block-end: $rhc-space-lg;
$rhc-icon-only-button-padding-block-start: $rhc-space-lg;
$rhc-icon-only-button-padding-inline-end: $rhc-space-lg;
$rhc-icon-only-button-padding-inline-start: $rhc-space-lg;
$rhc-card-background-color: $rhc-color-wit;
$rhc-card-border-color: $rhc-color-cool-grey-300;
$rhc-card-column-gap: $rhc-space-xl;
$rhc-card-font-size: $rhc-text-font-size-md;
$rhc-card-padding-block-end: $rhc-space-xl;
$rhc-card-padding-block-start: $rhc-space-xl;
$rhc-card-padding-inline-end: $rhc-space-xl;
$rhc-card-padding-inline-start: $rhc-space-xl;
$rhc-card-row-gap: $rhc-space-lg;
$rhc-card-active-background-color: $rhc-color-cool-grey-100;
$rhc-card-hover-background-color: $rhc-color-cool-grey-50;
$rhc-card-full-bleed-background-color: $rhc-color-zwart;
$rhc-card-heading-padding-block-start: $rhc-space-md;
$rhc-card-heading-font-size: $rhc-text-font-size-lg;
$rhc-card-heading-font-weight: $rhc-text-font-weight-strong;
$rhc-card-subheading-font-size: $rhc-text-font-size-lg;
$rhc-card-horizontal-padding-inline-end: $rhc-space-xl;
$rhc-card-horizontal-padding-inline-start: $rhc-space-xl;
$rhc-card-as-link-background-color: $rhc-color-wit;
$rhc-card-as-link-border-color: $rhc-color-cool-grey-300;
$rhc-card-as-link-column-gap: $rhc-space-xl;
$rhc-card-as-link-font-size: $rhc-text-font-size-md;
$rhc-card-as-link-padding-block-end: $rhc-space-xl;
$rhc-card-as-link-padding-block-start: $rhc-space-xl;
$rhc-card-as-link-padding-inline-end: $rhc-space-xl;
$rhc-card-as-link-padding-inline-start: $rhc-space-xl;
$rhc-card-as-link-row-gap: $rhc-space-lg;
$rhc-card-as-link-active-background-color: $rhc-color-cool-grey-100;
$rhc-card-as-link-hover-background-color: $rhc-color-cool-grey-50;
$rhc-card-as-link-full-bleed-background-color: $rhc-color-zwart;
$rhc-card-as-link-heading-padding-block-start: $rhc-space-md;
$rhc-card-as-link-heading-font-size: $rhc-text-font-size-lg;
$rhc-card-as-link-heading-font-weight: $rhc-text-font-weight-strong;
$rhc-card-as-link-horizontal-padding-inline-end: $rhc-space-xl;
$rhc-card-as-link-horizontal-padding-inline-start: $rhc-space-xl;
$rhc-checkbox-group-padding-block-end: $rhc-space-md;
$rhc-checkbox-group-padding-block-start: $rhc-space-md;
$rhc-checkbox-group-row-gap: $rhc-space-xl;
$rhc-code-input-group-column-gap: $rhc-space-md;
$rhc-data-badge-button-column-gap: $rhc-space-xs;
$rhc-data-badge-button-hover-color: $rhc-color-wit;
$rhc-data-summary-font-family: $rhc-text-font-family-default;
$rhc-data-summary-item-value-font-weight: $rhc-text-font-weight-default;
$rhc-data-summary-item-value-row-padding-block-end: $rhc-space-lg;
$rhc-data-summary-item-value-row-padding-block-start: $rhc-space-lg;
$rhc-data-summary-item-value-padding-block-end: $rhc-space-lg;
$rhc-data-summary-item-key-font-weight: $rhc-text-font-weight-strong;
$rhc-data-summary-item-key-row-padding-block-end: $rhc-space-lg;
$rhc-data-summary-item-key-row-padding-block-start: $rhc-space-lg;
$rhc-data-summary-item-key-row-padding-inline-end: $rhc-space-xl;
$rhc-data-summary-item-key-padding-block-end: $rhc-space-sm;
$rhc-data-summary-item-key-padding-block-start: $rhc-space-lg;
$rhc-data-summary-item-border-color: $rhc-color-cool-grey-300;
$rhc-data-summary-font-size: $rhc-text-font-size-md;
$rhc-data-summary-item-action-row-padding-block-end: $rhc-space-lg;
$rhc-data-summary-item-action-row-padding-block-start: $rhc-space-lg;
$rhc-data-summary-item-action-row-padding-inline-start: $rhc-space-xl;
$rhc-data-summary-item-action-padding-block-end: $rhc-space-lg;
$rhc-data-summary-item-action-padding-block-start: $rhc-space-lg;
$rhc-data-summary-item-action-padding-inline-end: $rhc-space-xl;
$rhc-dot-badge-color: $rhc-color-rood-500;
$rhc-expandable-checkbox-group-details-margin-block-start: $rhc-space-md;
$rhc-expandable-checkbox-group-summary-margin-block-end: $rhc-space-md;
$rhc-expandable-checkbox-group-summary-margin-block-start: $rhc-space-md;
$rhc-file-input-column-gap: $rhc-space-lg;
$rhc-file-input-row-gap: $rhc-space-lg;
$rhc-file-input-feedback-color: $rhc-color-cool-grey-600;
$rhc-file-padding-inline-start: $rhc-space-xl;
$rhc-file-padding-inline-end: $rhc-space-xl;
$rhc-file-padding-block-start: $rhc-space-lg;
$rhc-file-padding-block-end: $rhc-space-lg;
$rhc-file-column-gap: $rhc-space-sm;
$rhc-file-subtitle-color: $rhc-color-cool-grey-500;
$rhc-form-field-checkbox-option-column-gap: $rhc-space-md;
$rhc-form-field-radio-option-column-gap: $rhc-space-md;
$rhc-form-field-radio-option-font-weight: $rhc-text-font-weight-default;
$rhc-form-field-radio-option-row-gap: $rhc-space-md;
$rhc-hero-heading-font-weight: $rhc-text-font-weight-strong;
$rhc-hero-heading-font-size: $rhc-text-font-size-xl;
$rhc-hero-heading-font-family: $rhc-text-font-family-default;
$rhc-hero-sub-heading-font-weight: $rhc-text-font-weight-default;
$rhc-hero-sub-heading-font-size: $rhc-text-font-size-md;
$rhc-hero-sub-heading-font-family: $rhc-text-font-family-default;
$rhc-hero-message-row-gap: $rhc-space-xs;
$rhc-hero-message-padding-block-end: $rhc-space-xl;
$rhc-hero-message-padding-inline-end: $rhc-space-xl;
$rhc-hero-message-padding-inline-start: $rhc-space-xl;
$rhc-hero-message-padding-block-start: $rhc-space-xl;
$rhc-link-list-card-background-color: $rhc-color-wit;
$rhc-link-list-card-padding-block-start: $rhc-space-2xl;
$rhc-link-list-card-padding-block-end: $rhc-space-2xl;
$rhc-link-list-card-row-gap: $rhc-space-xl;
$rhc-link-list-card-padding-inline-start: $rhc-space-2xl;
$rhc-link-list-card-padding-inline-end: $rhc-space-2xl;
$rhc-link-column-gap: $rhc-space-sm;
$rhc-logo-image-background-color: $rhc-color-wit;
$rhc-logo-column-gap: $rhc-space-lg;
$rhc-logo-font-family: $rhc-text-font-family-default;
$rhc-message-list-item-border-color: $rhc-color-cool-grey-300;
$rhc-message-list-item-column-gap: $rhc-space-xl;
$rhc-message-list-item-padding-block: $rhc-space-lg;
$rhc-message-list-item-padding-inline: $rhc-space-xl;
$rhc-message-list-item-content-font-size: $rhc-text-font-size-md;
$rhc-message-list-item-content-column-gap: $rhc-space-md;
$rhc-message-list-item-content-row-gap: $rhc-space-md;
$rhc-message-list-item-label-font-family: $rhc-text-font-family-default;
$rhc-message-list-item-label-font-size: $rhc-text-font-size-md;
$rhc-message-list-item-label-font-weight: $rhc-text-font-weight-strong;
$rhc-nav-bar-padding-inline: $rhc-space-xl;
$rhc-nav-bar-content-column-gap: $rhc-space-xl;
$rhc-nav-bar-link-background-color: $rhc-color-wit;
$rhc-nav-bar-link-hover-background-color: $rhc-color-cool-grey-50;
$rhc-nav-bar-link-padding-block-end: $rhc-space-xl;
$rhc-nav-bar-link-padding-block-start: $rhc-space-xl;
$rhc-nav-bar-link-padding-inline-end: $rhc-space-lg;
$rhc-nav-bar-link-padding-inline-start: $rhc-space-lg;
$rhc-nav-bar-link-column-gap: $rhc-space-md;
$rhc-nav-bar-link-font-size: $rhc-text-font-size-md;
$rhc-nav-bar-heading-font-weight: $rhc-text-font-weight-strong;
$rhc-nav-bar-background-color: $rhc-color-wit;
$rhc-navigation-list-item-border-color: $rhc-color-cool-grey-300;
$rhc-navigation-list-item-column-gap: $rhc-space-xl;
$rhc-navigation-list-item-padding-block: $rhc-space-lg;
$rhc-navigation-list-item-padding-inline: $rhc-space-xl;
$rhc-navigation-list-item-active-background-color: $rhc-color-cool-grey-100;
$rhc-navigation-list-item-hover-background-color: $rhc-color-cool-grey-50;
$rhc-navigation-list-item-content-column-gap: $rhc-space-md; // [code-only]
$rhc-navigation-list-item-content-row-gap: $rhc-space-sm; // [code-only]
$rhc-navigation-list-item-description-font-size: $rhc-text-font-size-md;
$rhc-navigation-list-item-icon-start-padding-block: $rhc-space-md;
$rhc-navigation-list-item-icon-start-padding-inline: $rhc-space-md;
$rhc-navigation-list-item-label-font-family: $rhc-text-font-family-default;
$rhc-navigation-list-item-label-font-size: $rhc-text-font-size-xl;
$rhc-navigation-list-item-label-font-weight: $rhc-text-font-weight-strong;
$rhc-page-footer-column-gap: $rhc-space-2xl;
$rhc-page-footer-column-title-margin-block-end: $rhc-space-lg;
$rhc-page-footer-content-padding-inline-start: $rhc-space-xl;
$rhc-page-footer-content-padding-inline-end: $rhc-space-xl;
$rhc-page-footer-content-column-gap: $rhc-space-3xl;
$rhc-page-footer-outlined-background-color: $rhc-color-wit;
$rhc-page-footer-padding-block-start: $rhc-space-4xl;
$rhc-page-footer-padding-block-end: $rhc-space-4xl;
$rhc-page-footer-padding-inline-start: $rhc-space-4xl;
$rhc-page-footer-padding-inline-end: $rhc-space-4xl;
$rhc-radio-group-padding-block-end: $rhc-space-md;
$rhc-radio-group-padding-block-start: $rhc-space-md;
$rhc-radio-group-row-gap: $rhc-space-xl;
$rhc-sidenav-link-icon-margin-inline: $rhc-space-md;
$rhc-sidenav-link-font-size: $rhc-text-font-size-md;
$rhc-sidenav-link-font-family: $rhc-text-font-family-default;
$rhc-sidenav-link-font-weight: $rhc-text-font-weight-default;
$rhc-sidenav-link-current-font-weight: $rhc-text-font-weight-strong;
$rhc-sidenav-link-active-color: $rhc-color-paars-500;
$rhc-sidenav-link-padding-block-start: $rhc-space-lg;
$rhc-sidenav-link-padding-block-end: $rhc-space-lg;
$rhc-sidenav-link-column-gap: $rhc-space-md;
$rhc-sub-nav-bar-background-color: $rhc-color-cool-grey-100;
$rhc-sub-nav-bar-column-gap: $rhc-space-md;
$rhc-sub-nav-bar-padding-block-end: $rhc-space-3xl;
$rhc-sub-nav-bar-padding-block-start: $rhc-space-3xl;
$rhc-sub-nav-bar-content-padding-inline-end: $rhc-space-xl;
$rhc-sub-nav-bar-content-padding-inline-start: $rhc-space-xl;
$rhc-sub-nav-bar-content-list-row-gap: $rhc-space-md;
$rhc-toggletip-color: $rhc-color-wit;
$rhc-toggletip-active-background-color: $rhc-color-wit;
$rhc-toggletip-hover-background-color: $rhc-color-hemelblauw-300;
$rhc-toggletip-focus-color: $rhc-color-wit;
$basis-color-default-bg-subtle: $rhc-color-cool-grey-100;
$basis-text-font-family-default: $rhc-text-font-family-default;
$basis-text-font-weight-default: $rhc-text-font-weight-default;
$basis-text-font-weight-bold: $rhc-text-font-weight-strong;
$basis-text-font-size-md: $rhc-text-font-size-md;
$basis-heading-font-family: $rhc-text-font-family-default;
$basis-heading-font-weight: $rhc-text-font-weight-strong;
$basis-box-shadow-md: 0 8px 16px 0 $rhc-color-cool-grey-500;
$basis-focus-outline-color: $rhc-color-zwart;
$basis-focus-inverse-outline-color: $rhc-color-wit;
$todo-accordion-button-font-size: $rhc-text-font-size-lg;
$todo-checkbox-indeterminate-active-color: $rhc-color-wit;
$todo-checkbox-indeterminate-disabled-background-color: $rhc-color-cool-grey-200;
$todo-checkbox-indeterminate-disabled-border-color: $rhc-color-cool-grey-300;
$todo-checkbox-indeterminate-disabled-color: $rhc-color-cool-grey-600;
$todo-checkbox-indeterminate-hover-color: $rhc-color-wit;
$todo-checkbox-checked-active-color: $rhc-color-wit;
$todo-checkbox-checked-disabled-background-color: $rhc-color-cool-grey-200;
$todo-checkbox-checked-disabled-border-color: $rhc-color-cool-grey-300;
$todo-checkbox-checked-disabled-color: $rhc-color-cool-grey-600;
$todo-checkbox-checked-hover-color: $rhc-color-wit;
$todo-figure-row-gap: $rhc-space-md;
$todo-form-field-error-message-column-gap: $rhc-space-md;
$todo-form-field-label-suffix-font-size: $rhc-text-font-size-md;
$todo-form-field-label-suffix-margin-inline-start: $rhc-space-md;
$todo-form-field-option-label-font-size: $rhc-text-font-size-md;
$todo-form-field-option-label-font-family: $rhc-text-font-family-default;
$todo-form-field-option-label-font-weight: $rhc-text-font-weight-default;
$todo-form-field-option-label-disabled-color: $rhc-color-cool-grey-600;
$todo-radio-button-checked-disabled-background-color: $rhc-color-cool-grey-200;
$todo-radio-button-checked-disabled-border-color: $rhc-color-cool-grey-300;
$todo-radio-button-checked-disabled-color: $rhc-color-cool-grey-600;
$figma-link-icon-size: $rhc-text-font-size-md;
$ams-pagination-font-family: $rhc-text-font-family-default;
$ams-pagination-line-height: $utrecht-document-line-height;
$ams-pagination-link-gap: $rhc-space-sm;
$ams-pagination-link-padding-inline: $rhc-space-sm;
$nl-button-primary-background-color: $rhc-color-core-500;
$nl-button-primary-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-active-background-color: $rhc-color-core-active;
$nl-button-primary-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-disabled-background-color: $rhc-color-core-100;
$nl-button-primary-disabled-color: $rhc-color-core-400;
$nl-button-primary-hover-background-color: $rhc-color-core-hover;
$nl-button-primary-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-pressed-border-color: $rhc-color-core-500;
$nl-button-primary-pressed-color: $rhc-color-core-500;
$nl-button-primary-pressed-active-background-color: $rhc-color-core-50;
$nl-button-primary-pressed-active-border-color: $rhc-color-core-active;
$nl-button-primary-pressed-active-color: $rhc-color-core-active;
$nl-button-primary-pressed-hover-background-color: $rhc-color-core-100;
$nl-button-primary-pressed-hover-border-color: $rhc-color-core-hover;
$nl-button-primary-pressed-hover-color: $rhc-color-core-hover;
$nl-button-primary-font-size: $nl-button-default-font-size;
$nl-button-primary-negative-background-color: $rhc-color-negative-500;
$nl-button-primary-negative-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-negative-active-background-color: $rhc-color-negative-active;
$nl-button-primary-negative-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-negative-hover-background-color: $rhc-color-negative-hover;
$nl-button-primary-negative-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-negative-pressed-border-color: $rhc-color-negative-500;
$nl-button-primary-negative-pressed-color: $rhc-color-negative-500;
$nl-button-primary-negative-pressed-active-background-color: $rhc-color-negative-50;
$nl-button-primary-negative-pressed-active-border-color: $rhc-color-negative-active;
$nl-button-primary-negative-pressed-active-color: $rhc-color-negative-active;
$nl-button-primary-negative-pressed-hover-background-color: $rhc-color-negative-50;
$nl-button-primary-negative-pressed-hover-border-color: $rhc-color-negative-hover;
$nl-button-primary-negative-pressed-hover-color: $rhc-color-negative-hover;
$nl-button-primary-positive-background-color: $rhc-color-positive-500;
$nl-button-primary-positive-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-positive-active-background-color: $rhc-color-positive-active;
$nl-button-primary-positive-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-positive-hover-background-color: $rhc-color-positive-hover;
$nl-button-primary-positive-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-primary-positive-pressed-border-color: $rhc-color-positive-500;
$nl-button-primary-positive-pressed-color: $rhc-color-positive-500;
$nl-button-primary-positive-pressed-active-background-color: $rhc-color-positive-50;
$nl-button-primary-positive-pressed-active-border-color: $rhc-color-positive-active;
$nl-button-primary-positive-pressed-active-color: $rhc-color-positive-active;
$nl-button-primary-positive-pressed-hover-background-color: $rhc-color-positive-50;
$nl-button-primary-positive-pressed-hover-border-color: $rhc-color-positive-hover;
$nl-button-primary-positive-pressed-hover-color: $rhc-color-positive-hover;
$nl-button-secondary-border-color: $rhc-color-core-500;
$nl-button-secondary-color: $rhc-color-core-500;
$nl-button-secondary-active-background-color: $rhc-color-core-100;
$nl-button-secondary-active-border-color: $rhc-color-core-active;
$nl-button-secondary-active-color: $rhc-color-core-active;
$nl-button-secondary-disabled-border-color: $rhc-color-core-200;
$nl-button-secondary-disabled-color: $rhc-color-core-300;
$nl-button-secondary-hover-background-color: $rhc-color-core-50;
$nl-button-secondary-hover-border-color: $rhc-color-core-hover;
$nl-button-secondary-hover-color: $rhc-color-core-hover;
$nl-button-secondary-pressed-background-color: $rhc-color-core-500;
$nl-button-secondary-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-pressed-active-background-color: $rhc-color-core-active;
$nl-button-secondary-pressed-active-border-color: $rhc-color-core-active;
$nl-button-secondary-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-pressed-hover-background-color: $rhc-color-core-hover;
$nl-button-secondary-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-font-size: $nl-button-default-font-size;
$nl-button-secondary-negative-border-color: $rhc-color-negative-500;
$nl-button-secondary-negative-color: $rhc-color-negative-500;
$nl-button-secondary-negative-active-background-color: $rhc-color-negative-100;
$nl-button-secondary-negative-active-border-color: $rhc-color-negative-active;
$nl-button-secondary-negative-active-color: $rhc-color-negative-active;
$nl-button-secondary-negative-hover-background-color: $rhc-color-negative-50;
$nl-button-secondary-negative-hover-border-color: $rhc-color-negative-hover;
$nl-button-secondary-negative-hover-color: $rhc-color-negative-hover;
$nl-button-secondary-negative-pressed-background-color: $rhc-color-negative-500;
$nl-button-secondary-negative-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-negative-pressed-active-background-color: $rhc-color-negative-active;
$nl-button-secondary-negative-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-negative-pressed-hover-background-color: $rhc-color-negative-hover;
$nl-button-secondary-negative-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-positive-border-color: $rhc-color-positive-500;
$nl-button-secondary-positive-color: $rhc-color-positive-500;
$nl-button-secondary-positive-active-background-color: $rhc-color-positive-100;
$nl-button-secondary-positive-active-border-color: $rhc-color-positive-active;
$nl-button-secondary-positive-active-color: $rhc-color-positive-active;
$nl-button-secondary-positive-hover-background-color: $rhc-color-positive-50;
$nl-button-secondary-positive-hover-border-color: $rhc-color-positive-hover;
$nl-button-secondary-positive-hover-color: $rhc-color-positive-hover;
$nl-button-secondary-positive-pressed-background-color: $rhc-color-positive-500;
$nl-button-secondary-positive-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-positive-pressed-active-background-color: $rhc-color-positive-active;
$nl-button-secondary-positive-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-secondary-positive-pressed-hover-background-color: $rhc-color-positive-hover;
$nl-button-secondary-positive-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-color: $rhc-color-core-500;
$nl-button-subtle-active-background-color: $rhc-color-core-100;
$nl-button-subtle-active-color: $rhc-color-core-active;
$nl-button-subtle-disabled-color: $rhc-color-core-100;
$nl-button-subtle-hover-background-color: $rhc-color-core-50;
$nl-button-subtle-hover-color: $rhc-color-core-hover;
$nl-button-subtle-pressed-background-color: $rhc-color-core-500;
$nl-button-subtle-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-pressed-active-background-color: $rhc-color-core-active;
$nl-button-subtle-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-pressed-hover-background-color: $rhc-color-core-hover;
$nl-button-subtle-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-border-width: $nl-button-primary-border-width;
$nl-button-subtle-font-size: $nl-button-default-font-size;
$nl-button-subtle-negative-color: $rhc-color-negative-500;
$nl-button-subtle-negative-active-background-color: $rhc-color-negative-100;
$nl-button-subtle-negative-active-color: $rhc-color-negative-active;
$nl-button-subtle-negative-hover-background-color: $rhc-color-negative-50;
$nl-button-subtle-negative-hover-color: $rhc-color-negative-hover;
$nl-button-subtle-negative-pressed-background-color: $rhc-color-negative-500;
$nl-button-subtle-negative-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-negative-pressed-active-background-color: $rhc-color-negative-active;
$nl-button-subtle-negative-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-negative-pressed-hover-background-color: $rhc-color-negative-hover;
$nl-button-subtle-negative-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-positive-color: $rhc-color-positive-500;
$nl-button-subtle-positive-active-background-color: $rhc-color-positive-100;
$nl-button-subtle-positive-active-color: $rhc-color-positive-active;
$nl-button-subtle-positive-hover-background-color: $rhc-color-positive-50;
$nl-button-subtle-positive-hover-color: $rhc-color-positive-hover;
$nl-button-subtle-positive-pressed-background-color: $rhc-color-positive-500;
$nl-button-subtle-positive-pressed-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-positive-pressed-active-background-color: $rhc-color-positive-active;
$nl-button-subtle-positive-pressed-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-subtle-positive-pressed-hover-background-color: $rhc-color-positive-hover;
$nl-button-subtle-positive-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-default-color: $rhc-color-foreground-on-dark-color;
$nl-button-default-active-color: $rhc-color-foreground-on-dark-color;
$nl-button-default-hover-color: $rhc-color-foreground-on-dark-color;
$nl-button-default-pressed-hover-color: $rhc-color-foreground-on-dark-color;
$nl-heading-level-1-color: $rhc-color-core-500;
$nl-heading-level-2-color: $rhc-color-core-500;
$nl-heading-level-3-color: $rhc-color-core-500;
$nl-heading-level-4-color: $rhc-color-core-500;
$nl-heading-level-5-color: $rhc-color-core-500;
$nl-heading-level-6-color: $rhc-color-core-500;
$nl-data-badge-color: $rhc-color-foreground-default;
$nl-link-color: $rhc-color-foreground-link;
$nl-link-active-color: $rhc-color-foreground-link-active; // Originally rhc.color.hemelblauw.500 darkened (lch) with modify by 0.4
$nl-link-disabled-color: $rhc-color-foreground-subtle;
$nl-link-hover-color: $rhc-color-foreground-link-hover;
$nl-number-badge-background-color: $rhc-color-core-500;
$nl-paragraph-color: $rhc-color-foreground-default;
$nl-skip-link-color: $rhc-color-foreground-link;
$nl-skip-link-text-underline-offset: $utrecht-link-text-underline-offset; // [code-only]
$utrecht-button-primary-action-background-color: $rhc-color-core-500;
$utrecht-button-primary-action-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-primary-action-disabled-background-color: $rhc-color-core-100;
$utrecht-button-primary-action-disabled-color: $rhc-color-core-400;
$utrecht-button-primary-action-hover-background-color: $rhc-color-core-hover;
$utrecht-button-primary-action-hover-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-primary-action-focus-background-color: $rhc-color-core-hover;
$utrecht-button-primary-action-focus-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-primary-action-pressed-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-primary-action-pressed-background-color: $rhc-color-core-active;
$utrecht-button-primary-action-active-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-primary-action-active-background-color: $rhc-color-core-active;
$utrecht-button-primary-action-font-size: $utrecht-button-font-size;
$utrecht-button-secondary-action-border-color: $rhc-color-core-500;
$utrecht-button-secondary-action-color: $rhc-color-core-500;
$utrecht-button-secondary-action-disabled-border-color: $rhc-color-core-200;
$utrecht-button-secondary-action-disabled-color: $rhc-color-core-300;
$utrecht-button-secondary-action-hover-background-color: $rhc-color-core-50;
$utrecht-button-secondary-action-hover-border-color: $rhc-color-core-hover;
$utrecht-button-secondary-action-hover-color: $rhc-color-core-hover;
$utrecht-button-secondary-action-focus-background-color: $rhc-color-core-50;
$utrecht-button-secondary-action-focus-color: $rhc-color-core-hover;
$utrecht-button-secondary-action-pressed-background-color: $rhc-color-core-100;
$utrecht-button-secondary-action-pressed-border-color: $rhc-color-core-active;
$utrecht-button-secondary-action-pressed-color: $rhc-color-core-active;
$utrecht-button-secondary-action-active-background-color: $rhc-color-core-100;
$utrecht-button-secondary-action-active-color: $rhc-color-core-active;
$utrecht-button-secondary-action-active-border-color: $rhc-color-core-active;
$utrecht-button-secondary-action-font-size: $utrecht-button-font-size;
$utrecht-button-subtle-color: $rhc-color-core-500;
$utrecht-button-subtle-disabled-color: $rhc-color-core-100;
$utrecht-button-subtle-hover-background-color: $rhc-color-core-50;
$utrecht-button-subtle-hover-color: $rhc-color-core-hover;
$utrecht-button-subtle-focus-background-color: $rhc-color-core-50;
$utrecht-button-subtle-focus-color: $rhc-color-core-hover;
$utrecht-button-subtle-pressed-background-color: $rhc-color-core-100;
$utrecht-button-subtle-pressed-color: $rhc-color-core-active;
$utrecht-button-subtle-active-background-color: $rhc-color-core-100;
$utrecht-button-subtle-active-color: $rhc-color-core-active;
$utrecht-button-subtle-font-size: $utrecht-button-font-size;
$utrecht-button-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-pressed-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-active-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-hover-color: $rhc-color-foreground-on-dark-color;
$utrecht-button-focus-color: $rhc-color-foreground-on-dark-color;
$utrecht-focus-outline-color: $rhc-focus-outline-color;
$utrecht-focus-outline-offset: $rhc-focus-outline-offset;
$utrecht-accordion-button-color: $rhc-color-core-500;
$utrecht-accordion-button-active-background-color: $rhc-color-core-100;
$utrecht-accordion-button-active-color: $rhc-color-core-active;
$utrecht-accordion-button-hover-background-color: $rhc-color-core-50;
$utrecht-accordion-button-hover-color: $rhc-color-core-hover;
$utrecht-accordion-button-focus-visible-color: $rhc-color-core-500;
$utrecht-accordion-section-border-color: $rhc-color-core-300;
$utrecht-accordion-section-hover-border-color: $rhc-color-core-hover;
$utrecht-alert-background-color: $rhc-color-info-50;
$utrecht-alert-color: $rhc-color-foreground-on-light-color;
$utrecht-alert-error-background-color: $rhc-color-negative-50;
$utrecht-alert-error-color: $rhc-color-foreground-on-light-color;
$utrecht-alert-info-background-color: $rhc-color-info-50;
$utrecht-alert-info-color: $rhc-color-foreground-on-light-color;
$utrecht-alert-ok-background-color: $rhc-color-positive-50;
$utrecht-alert-ok-color: $rhc-color-foreground-on-light-color;
$utrecht-alert-warning-background-color: $rhc-color-warning-50;
$utrecht-alert-warning-color: $rhc-color-foreground-on-light-color;
$utrecht-alert-icon-color: $rhc-color-info-500;
$utrecht-alert-icon-error-color: $rhc-color-negative-500;
$utrecht-alert-icon-info-color: $rhc-color-info-500;
$utrecht-alert-icon-ok-color: $rhc-color-positive-500;
$utrecht-alert-icon-warning-color: $rhc-color-warning-500;
$utrecht-backdrop-color: $rhc-color-foreground-default;
$utrecht-blockquote-color: $rhc-color-core-500;
$utrecht-blockquote-attribution-color: $rhc-color-core-500;
$utrecht-blockquote-content-color: $rhc-color-core-500;
$utrecht-breadcrumb-nav-separator-color: $rhc-color-foreground-subtle;
$utrecht-breadcrumb-nav-link-color: $rhc-color-foreground-link;
$utrecht-breadcrumb-nav-link-active-color: $rhc-color-foreground-link-active;
$utrecht-breadcrumb-nav-link-disabled-color: $rhc-color-foreground-subtle;
$utrecht-breadcrumb-nav-link-focus-color: $rhc-color-foreground-link;
$utrecht-breadcrumb-nav-link-hover-color: $rhc-color-foreground-link-hover;
$utrecht-checkbox-background-color: $rhc-color-bg-document;
$utrecht-checkbox-border-color: $rhc-color-core-500;
$utrecht-checkbox-invalid-background-color: $rhc-color-negative-50;
$utrecht-checkbox-invalid-border-color: $rhc-color-negative-500;
$utrecht-checkbox-active-background-color: $rhc-color-bg-document;
$utrecht-checkbox-active-border-color: $rhc-color-core-active;
$utrecht-checkbox-hover-background-color: $rhc-color-bg-document;
$utrecht-checkbox-hover-border-color: $rhc-color-core-hover;
$utrecht-checkbox-focus-background-color: $rhc-color-bg-document;
$utrecht-checkbox-focus-border-color: $rhc-color-core-500;
$utrecht-checkbox-indeterminate-background-color: $rhc-color-core-500;
$utrecht-checkbox-indeterminate-active-background-color: $rhc-color-core-active;
$utrecht-checkbox-indeterminate-hover-background-color: $rhc-color-core-hover;
$utrecht-checkbox-indeterminate-focus-background-color: $rhc-color-bg-document;
$utrecht-checkbox-indeterminate-focus-border-color: $rhc-color-core-500;
$utrecht-checkbox-indeterminate-focus-color: $rhc-color-core-500;
$utrecht-checkbox-checked-background-color: $rhc-color-core-500;
$utrecht-checkbox-checked-active-background-color: $rhc-color-core-active;
$utrecht-checkbox-checked-hover-background-color: $rhc-color-core-hover;
$utrecht-checkbox-checked-focus-background-color: $rhc-color-bg-document;
$utrecht-checkbox-checked-focus-border-color: $rhc-color-core-500;
$utrecht-checkbox-checked-focus-color: $rhc-color-core-500;
$utrecht-data-badge-color: $rhc-color-core-500;
$utrecht-document-color: $rhc-color-foreground-default;
$utrecht-drawer-border-color: $rhc-color-border-default;
$utrecht-drawer-color: $rhc-color-foreground-default;
$utrecht-form-fieldset-legend-color: $rhc-color-foreground-default;
$utrecht-form-fieldset-legend-disabled-color: $rhc-color-foreground-subtle; // Do not use a disabled state
$utrecht-form-fieldset-section-color: $rhc-color-foreground-default;
$utrecht-form-fieldset-invalid-padding-inline-start: $utrecht-form-field-invalid-padding-inline-start;
$utrecht-figure-caption-color: $rhc-color-foreground-default;
$utrecht-form-field-invalid-border-inline-start-color: $rhc-color-negative-500;
$utrecht-form-field-description-color: $rhc-color-foreground-subtle;
$utrecht-form-field-error-message-color: $rhc-color-negative-500;
$utrecht-form-label-color: $rhc-color-foreground-default;
$utrecht-form-label-checkbox-color: $rhc-color-foreground-default;
$utrecht-form-label-radio-color: $rhc-color-foreground-default;
$utrecht-link-color: $rhc-color-foreground-link;
$utrecht-link-active-color: $rhc-color-foreground-link-active;
$utrecht-link-hover-color: $rhc-color-foreground-link-hover;
$utrecht-link-focus-color: $rhc-color-foreground-link;
$utrecht-link-visited-color: $rhc-color-foreground-link;
$utrecht-listbox-border-color: $rhc-color-border-subtle;
$utrecht-listbox-option-color: $rhc-color-foreground-default;
$utrecht-listbox-option-hover-color: $rhc-color-foreground-default;
$utrecht-listbox-option-selected-background-color: $rhc-color-core-500;
$utrecht-listbox-option-selected-color: $rhc-color-foreground-on-dark-color;
$utrecht-listbox-option-selected-hover-color: $rhc-color-foreground-default;
$utrecht-listbox-option-active-color: $rhc-color-foreground-default;
$utrecht-listbox-option-disabled-color: $rhc-color-foreground-default;
$utrecht-listbox-group-label-color: $rhc-color-foreground-default;
$utrecht-number-badge-color: $nl-number-badge-color;
$utrecht-number-badge-font-family: $nl-number-badge-font-family;
$utrecht-number-badge-font-size: $nl-number-badge-font-size;
$utrecht-number-badge-font-weight: $nl-number-badge-font-weight;
$utrecht-number-badge-padding-block: $nl-number-badge-padding-block;
$utrecht-number-badge-padding-inline: $nl-number-badge-padding-inline;
$utrecht-page-footer-background-color: $rhc-color-core-500;
$utrecht-page-footer-color: $rhc-color-foreground-on-dark-color;
$utrecht-pre-heading-color: $rhc-color-foreground-default;
$utrecht-radio-button-background-color: $rhc-color-bg-document;
$utrecht-radio-button-border-color: $rhc-color-core-500;
$utrecht-radio-button-invalid-background-color: $rhc-color-negative-50;
$utrecht-radio-button-invalid-border-color: $rhc-color-negative-500;
$utrecht-radio-button-active-background-color: $rhc-color-bg-document;
$utrecht-radio-button-active-border-color: $rhc-color-core-active;
$utrecht-radio-button-disabled-color: $utrecht-radio-button-disabled-border-color;
$utrecht-radio-button-hover-background-color: $rhc-color-bg-document;
$utrecht-radio-button-hover-border-color: $rhc-color-core-hover;
$utrecht-radio-button-focus-background-color: $rhc-color-bg-document;
$utrecht-radio-button-focus-border-color: $rhc-color-core-500;
$utrecht-radio-button-checked-background-color: $rhc-color-bg-document;
$utrecht-radio-button-checked-border-color: $rhc-color-core-500;
$utrecht-radio-button-checked-color: $rhc-color-core-500;
$utrecht-radio-button-checked-active-background-color: $rhc-color-bg-document;
$utrecht-radio-button-checked-active-border-color: $rhc-color-core-active;
$utrecht-radio-button-checked-active-color: $rhc-color-core-active;
$utrecht-radio-button-checked-hover-background-color: $rhc-color-bg-document;
$utrecht-radio-button-checked-hover-border-color: $rhc-color-core-hover;
$utrecht-radio-button-checked-hover-color: $rhc-color-core-hover;
$utrecht-radio-button-checked-focus-background-color: $rhc-color-bg-document;
$utrecht-radio-button-checked-focus-border-color: $rhc-color-core-500;
$utrecht-radio-button-checked-focus-color: $rhc-color-core-500;
$utrecht-select-background-color: $rhc-color-bg-document;
$utrecht-select-border-color: $rhc-color-core-500;
$utrecht-select-color: $rhc-color-foreground-default;
$utrecht-select-invalid-background-color: $rhc-color-negative-50;
$utrecht-select-invalid-border-color: $rhc-color-negative-500;
$utrecht-select-hover-background-color: $rhc-color-bg-document;
$utrecht-select-hover-border-color: $rhc-color-core-hover;
$utrecht-select-hover-color: $rhc-color-foreground-default;
$utrecht-select-focus-background-color: $rhc-color-bg-document;
$utrecht-select-focus-border-color: $rhc-color-core-500;
$utrecht-select-focus-color: $rhc-color-foreground-default;
$utrecht-status-badge-informative-background-color: $rhc-color-info-50;
$utrecht-status-badge-informative-color: $rhc-color-foreground-default;
$utrecht-status-badge-positive-background-color: $rhc-color-positive-50;
$utrecht-status-badge-positive-color: $rhc-color-foreground-default;
$utrecht-status-badge-negative-background-color: $rhc-color-negative-50;
$utrecht-status-badge-negative-color: $rhc-color-foreground-default;
$utrecht-status-badge-warning-background-color: $rhc-color-warning-50;
$utrecht-status-badge-warning-color: $rhc-color-foreground-default;
$utrecht-status-badge-color: $rhc-color-foreground-default;
$utrecht-table-header-cell-color: $rhc-color-foreground-default;
$utrecht-table-caption-color: $rhc-color-foreground-default;
$utrecht-table-data-cell-color: $rhc-color-foreground-default;
$utrecht-table-footer-cell-color: $rhc-color-foreground-default;
$utrecht-textbox-background-color: $rhc-color-bg-document;
$utrecht-textbox-border-color: $rhc-color-core-500;
$utrecht-textbox-color: $rhc-color-foreground-default;
$utrecht-textbox-invalid-background-color: $rhc-color-negative-50;
$utrecht-textbox-invalid-border-color: $rhc-color-negative-500;
$utrecht-textbox-invalid-color: $rhc-color-foreground-default;
$utrecht-textbox-read-only-color: $rhc-color-foreground-default;
$utrecht-textbox-focus-background-color: $rhc-color-bg-document;
$utrecht-textbox-focus-border-color: $rhc-color-core-500;
$utrecht-textbox-focus-color: $rhc-color-foreground-default;
$utrecht-textbox-hover-background-color: $rhc-color-bg-document;
$utrecht-textbox-hover-border-color: $rhc-color-core-300;
$utrecht-textbox-hover-color: $rhc-color-foreground-default;
$utrecht-textarea-background-color: $rhc-color-bg-document;
$utrecht-textarea-border-color: $rhc-color-core-500;
$utrecht-textarea-color: $rhc-color-foreground-default;
$utrecht-textarea-invalid-background-color: $rhc-color-negative-50;
$utrecht-textarea-invalid-border-color: $rhc-color-negative-500;
$utrecht-textarea-invalid-color: $rhc-color-foreground-default;
$utrecht-textarea-read-only-color: $rhc-color-foreground-default;
$utrecht-textarea-focus-background-color: $rhc-color-bg-document;
$utrecht-textarea-focus-border-color: $rhc-color-core-500;
$utrecht-textarea-focus-color: $rhc-color-foreground-default;
$utrecht-unordered-list-marker-color: $rhc-color-foreground-default;
$rhc-color-primary-50: $rhc-color-core-50;
$rhc-color-primary-100: $rhc-color-core-100;
$rhc-color-primary-200: $rhc-color-core-200;
$rhc-color-primary-300: $rhc-color-core-300;
$rhc-color-primary-400: $rhc-color-core-400;
$rhc-color-primary-500: $rhc-color-core-500;
$rhc-color-primary-hover: $rhc-color-core-hover; // Originally rhc.color.primary.500 darkened (lch) by 0.3
$rhc-color-primary-active: $rhc-color-core-active; // Originally rhc.color.primary.500 darkened (lch) by 0.4
$rhc-color-foreground-on-primary: $rhc-color-foreground-on-dark-color;
$rhc-color-border-strong: $rhc-color-foreground-default;
$rhc-breadcrumb-nav-link-current-color: $rhc-color-foreground-subtle;
$rhc-card-color: $rhc-color-foreground-default;
$rhc-card-icon-color: $rhc-color-core-500;
$rhc-card-link-color: $rhc-color-foreground-link;
$rhc-card-metadata-color: $rhc-color-foreground-subtle;
$rhc-card-focus-background-color: $rhc-color-core-50;
$rhc-card-full-bleed-color: $rhc-color-foreground-on-dark-color;
$rhc-card-heading-color: $rhc-color-core-500;
$rhc-card-horizontal-background-color: $rhc-color-core-500;
$rhc-card-horizontal-color: $rhc-color-foreground-on-dark-color;
$rhc-card-as-link-color: $rhc-color-foreground-default;
$rhc-card-as-link-icon-color: $rhc-color-core-500;
$rhc-card-as-link-link-color: $rhc-color-foreground-link;
$rhc-card-as-link-metadata-color: $rhc-color-foreground-subtle;
$rhc-card-as-link-focus-background-color: $rhc-color-core-50;
$rhc-card-as-link-full-bleed-color: $rhc-color-foreground-on-dark-color;
$rhc-card-as-link-heading-color: $rhc-color-core-500;
$rhc-card-as-link-horizontal-background-color: $rhc-color-core-500;
$rhc-card-as-link-horizontal-color: $rhc-color-foreground-on-dark-color;
$rhc-data-badge-button-hover-background-color: $rhc-color-core-500;
$rhc-data-summary-item-color: $rhc-color-foreground-default;
$rhc-expandable-checkbox-group-summary-color: $rhc-color-foreground-link;
$rhc-file-border-color: $rhc-color-core-500;
$rhc-file-error-border-color: $rhc-color-negative-500;
$rhc-hero-message-background-color: $rhc-color-core-500;
$rhc-hero-message-color: $rhc-color-foreground-on-dark-color;
$rhc-logo-image-color: $rhc-color-core-500;
$rhc-logo-color: $rhc-color-core-500;
$rhc-message-list-item-background-color: $rhc-color-bg-document;
$rhc-message-list-item-color: $rhc-color-foreground-subtle;
$rhc-message-list-item-icon-color: $rhc-color-foreground-default;
$rhc-message-list-item-heading-color: $rhc-color-foreground-default;
$rhc-nav-bar-icon-color: $rhc-color-foreground-default;
$rhc-nav-bar-icon-active-color: $rhc-color-foreground-on-dark-color;
$rhc-nav-bar-link-active-background-color: $rhc-color-core-500;
$rhc-nav-bar-link-active-color: $rhc-color-foreground-on-dark-color;
$rhc-nav-bar-link-color: $rhc-color-core-500;
$rhc-nav-bar-link-focus-color: $rhc-color-core-500;
$rhc-nav-bar-link-hover-color: $rhc-color-core-500;
$rhc-nav-bar-color: $rhc-color-core-500;
$rhc-nav-bar-border-color: $rhc-color-core-400;
$rhc-navigation-list-item-background-color: $rhc-color-bg-document;
$rhc-navigation-list-item-focus-background-color: $rhc-color-core-50;
$rhc-navigation-list-item-description-color: $rhc-color-foreground-subtle;
$rhc-navigation-list-item-icon-end-color: $rhc-color-foreground-subtle;
$rhc-navigation-list-item-icon-start-background-color: $rhc-color-foreground-default;
$rhc-navigation-list-item-icon-start-color: $rhc-color-foreground-on-dark-color;
$rhc-navigation-list-item-label-color: $rhc-color-foreground-default;
$rhc-page-footer-border-block-start-color: $rhc-color-core-300;
$rhc-page-footer-outlined-color: $rhc-color-core-500;
$rhc-page-footer-outlined-border-color: $rhc-color-core-500;
$rhc-sidenav-link-current-color: $rhc-color-foreground-default;
$rhc-sidenav-link-color: $rhc-color-foreground-link;
$rhc-sidenav-link-focus-border-color: $rhc-color-core-500;
$rhc-sidenav-link-focus-color: $rhc-color-foreground-link;
$rhc-sidenav-link-hover-color: $rhc-color-foreground-link-hover;
$rhc-toggletip-background-color: $rhc-color-info-500;
$rhc-toggletip-active-color: $rhc-color-info-500;
$rhc-toggletip-active-border-color: $rhc-color-info-500;
$rhc-toggletip-hover-color: $rhc-color-foreground-default;
$rhc-toggletip-focus-background-color: $rhc-color-info-500;
$basis-color-default-bg-document: $rhc-color-bg-document;
$basis-color-default-color-document: $rhc-color-foreground-default;
$basis-color-default-color-subtle: $rhc-color-foreground-subtle;
$basis-color-default-border-subtle: $rhc-color-border-subtle;
$basis-color-default-border-default: $rhc-color-border-default;
$basis-color-highlight-bg-default: $rhc-color-warning-50;
$basis-heading-color: $rhc-color-core-500;
$todo-accordion-button-font-family: $utrecht-button-font-family;
$todo-accordion-button-font-weight: $utrecht-button-subtle-font-weight;
$todo-checkbox-indeterminate-active-background-color: $rhc-color-core-active;
$todo-checkbox-indeterminate-hover-background-color: $rhc-color-core-hover;
$todo-checkbox-indeterminate-focus-visible-background-color: $rhc-color-bg-document;
$todo-checkbox-indeterminate-focus-visible-border-color: $rhc-color-core-500;
$todo-checkbox-indeterminate-focus-visible-color: $rhc-color-core-500;
$todo-checkbox-checked-active-background-color: $rhc-color-core-active;
$todo-checkbox-checked-hover-background-color: $rhc-color-core-hover;
$todo-checkbox-checked-focus-visible-background-color: $rhc-color-bg-document;
$todo-checkbox-checked-focus-visible-border-color: $rhc-color-core-500;
$todo-checkbox-checked-focus-visible-color: $rhc-color-core-500;
$todo-form-field-label-suffix-color: $rhc-color-foreground-subtle;
$todo-form-field-option-label-color: $rhc-color-foreground-default;
$todo-textbox-hover-background-color: $rhc-color-bg-document;
$todo-textbox-hover-border-color: $rhc-color-core-hover;
$todo-textbox-hover-color: $rhc-color-foreground-default;
$todo-textarea-hover-background-color: $rhc-color-bg-document;
$todo-textarea-hover-border-color: $rhc-color-core-hover;
$todo-textarea-hover-color: $rhc-color-foreground-default;
$ams-pagination-font-size: $utrecht-document-font-size;
$ams-pagination-font-weight: $utrecht-document-font-weight;
$utrecht-data-badge-background-color: $rhc-color-primary-50;
$utrecht-form-fieldset-invalid-border-inline-start-color: $utrecht-form-field-invalid-border-inline-start-color;
$utrecht-number-badge-background-color: $nl-number-badge-background-color;
$utrecht-radio-button-color: $utrecht-radio-button-border-color;
$utrecht-radio-button-invalid-color: $utrecht-radio-button-invalid-border-color;
$utrecht-radio-button-active-color: $utrecht-radio-button-active-border-color;
$utrecht-radio-button-hover-color: $utrecht-radio-button-hover-border-color;
$utrecht-radio-button-focus-color: $utrecht-radio-button-focus-border-color;
$rhc-nav-bar-link-focus-background-color: $rhc-color-primary-50;
$ams-pagination-link-color: $nl-link-color;
$ams-pagination-link-outline-offset: $utrecht-focus-outline-offset;
$ams-pagination-link-hover-color: $nl-link-hover-color;