/**
 * Do not edit directly, this file was auto-generated.
 */

.organization-theme {
  --basis-color-accent-1-bg-document: #fbfcfd;
  --basis-color-accent-1-bg-subtle: #f4f7fa;
  --basis-color-accent-1-bg-default: #ecf1f7;
  --basis-color-accent-1-bg-hover: #e4ecf4;
  --basis-color-accent-1-bg-active: #dde6f1;
  --basis-color-accent-1-border-subtle: #b0c6df;
  --basis-color-accent-1-border-default: #5c89be;
  --basis-color-accent-1-border-hover: #4e7fb8;
  --basis-color-accent-1-border-active: #3f74b2;
  --basis-color-accent-1-color-subtle: #2964aa;
  --basis-color-accent-1-color-default: #dd0000;
  --basis-color-accent-1-color-hover: #04499a;
  --basis-color-accent-1-color-active: #003b81;
  --basis-color-accent-1-color-document: #001b3c;
  --basis-color-accent-1-inverse-bg-document: #00234d;
  --basis-color-accent-1-inverse-bg-subtle: #001b3c;
  --basis-color-accent-1-inverse-bg-default: #224271;
  --basis-color-accent-1-inverse-bg-hover: #04499a;
  --basis-color-accent-1-inverse-bg-active: #003b81;
  --basis-color-accent-1-inverse-border-subtle: #004494;
  --basis-color-accent-1-inverse-border-default: #b8cbe2;
  --basis-color-accent-1-inverse-border-hover: #c6d6e8;
  --basis-color-accent-1-inverse-border-active: #d5e1ee;
  --basis-color-accent-1-inverse-color-subtle: #b0c6df;
  --basis-color-accent-1-inverse-color-default: #ffffff;
  --basis-color-accent-1-inverse-color-hover: #ffffff;
  --basis-color-accent-1-inverse-color-active: #ffffff;
  --basis-color-accent-1-inverse-color-document: #ffffff;
  --basis-color-accent-3-color-default: #e96d1b;
  --basis-color-action-1-color-hover: #770f00;
  --basis-color-default-bg-subtle: #f4f3f7;
  --basis-color-default-bg-default: #f1f1f1;
  --basis-color-default-bg-hover: #ebebeb;
  --basis-color-default-bg-active: #e5e5e5;
  --basis-color-default-border-subtle: #c4c4c4;
  --basis-color-default-border-default: #868686;
  --basis-color-default-border-hover: #7c7c7c;
  --basis-color-default-border-active: #727272;
  --basis-color-default-color-subtle: #767676;
  --basis-color-default-color-hover: #4b4b4b;
  --basis-color-default-color-active: #3e3e3e;
  --basis-color-default-color-document: #000000;
  --basis-color-default-inverse-bg-document: #242424;
  --basis-color-default-inverse-bg-subtle: #1b1b1b;
  --basis-color-default-inverse-bg-default: #595959;
  --basis-color-default-inverse-bg-hover: #4b4b4b;
  --basis-color-default-inverse-bg-active: #3e3e3e;
  --basis-color-default-inverse-border-subtle: #474747;
  --basis-color-default-inverse-border-default: #c9c9c9;
  --basis-color-default-inverse-border-hover: #d4d4d4;
  --basis-color-default-inverse-border-active: #dfdfdf;
  --basis-color-default-inverse-color-subtle: #c4c4c4;
  --basis-color-default-inverse-color-default: #ffffff;
  --basis-color-default-inverse-color-hover: #ffffff;
  --basis-color-default-inverse-color-active: #ffffff;
  --basis-color-default-inverse-color-document: #ffffff;
  --basis-color-highlight-bg-document: #fffcf2;
  --basis-color-highlight-bg-subtle: #fff7d7;
  --basis-color-highlight-bg-default: #fff1bb;
  --basis-color-highlight-bg-hover: #ffeb9d;
  --basis-color-highlight-bg-active: #ffe57c;
  --basis-color-highlight-border-subtle: #e6c10c;
  --basis-color-highlight-border-default: #9e8418;
  --basis-color-highlight-border-hover: #927a18;
  --basis-color-highlight-border-active: #867018;
  --basis-color-highlight-color-subtle: #756218;
  --basis-color-highlight-color-default: #695817;
  --basis-color-highlight-color-hover: #594a16;
  --basis-color-highlight-color-active: #483d14;
  --basis-color-highlight-color-document: #201b0c;
  --basis-color-highlight-inverse-bg-document: #2a230f;
  --basis-color-highlight-inverse-bg-subtle: #201b0c;
  --basis-color-highlight-inverse-bg-default: #695817;
  --basis-color-highlight-inverse-bg-hover: #594a16;
  --basis-color-highlight-inverse-bg-active: #483d14;
  --basis-color-highlight-inverse-border-subtle: #534615;
  --basis-color-highlight-inverse-border-default: #ecc609;
  --basis-color-highlight-inverse-border-hover: #f9d103;
  --basis-color-highlight-inverse-border-active: #ffde56;
  --basis-color-highlight-inverse-color-subtle: #e6c10c;
  --basis-color-highlight-inverse-color-default: #ffffff;
  --basis-color-highlight-inverse-color-hover: #ffffff;
  --basis-color-highlight-inverse-color-active: #ffffff;
  --basis-color-highlight-inverse-color-document: #ffffff;
  --basis-color-info-bg-document: #fbfcfd;
  --basis-color-info-bg-subtle: #f4f7fa;
  --basis-color-info-bg-hover: #e4ecf4;
  --basis-color-info-bg-active: #dde6f1;
  --basis-color-info-border-subtle: #b0c6df;
  --basis-color-info-border-default: #5c89be;
  --basis-color-info-border-hover: #4e7fb8;
  --basis-color-info-border-active: #3f74b2;
  --basis-color-info-color-subtle: #2964aa;
  --basis-color-info-color-hover: #04499a;
  --basis-color-info-color-active: #003b81;
  --basis-color-info-color-document: #001b3c;
  --basis-color-info-inverse-bg-document: #00234d;
  --basis-color-info-inverse-bg-subtle: #001b3c;
  --basis-color-info-inverse-bg-default: #1b59a4;
  --basis-color-info-inverse-bg-hover: #04499a;
  --basis-color-info-inverse-bg-active: #003b81;
  --basis-color-info-inverse-border-subtle: #004494;
  --basis-color-info-inverse-border-default: #b8cbe2;
  --basis-color-info-inverse-border-hover: #c6d6e8;
  --basis-color-info-inverse-border-active: #d5e1ee;
  --basis-color-info-inverse-color-subtle: #b0c6df;
  --basis-color-info-inverse-color-default: #ffffff;
  --basis-color-info-inverse-color-hover: #ffffff;
  --basis-color-info-inverse-color-active: #ffffff;
  --basis-color-info-inverse-color-document: #ffffff;
  --basis-color-negative-bg-document: #fffbfb;
  --basis-color-negative-bg-subtle: #fef4f4;
  --basis-color-negative-bg-default: #feeded;
  --basis-color-negative-bg-hover: #fde6e6;
  --basis-color-negative-bg-active: #fddede;
  --basis-color-negative-border-subtle: #f9b1b1;
  --basis-color-negative-border-default: #f14848;
  --basis-color-negative-border-hover: #ef2929;
  --basis-color-negative-border-active: #e60000;
  --basis-color-negative-color-subtle: #ca0000;
  --basis-color-negative-color-hover: #9c0000;
  --basis-color-negative-color-active: #930000;
  --basis-color-negative-color-document: #410000;
  --basis-color-negative-inverse-bg-document: #510000;
  --basis-color-negative-inverse-bg-subtle: #410000;
  --basis-color-negative-inverse-bg-default: #b70000;
  --basis-color-negative-inverse-bg-hover: #9c0000;
  --basis-color-negative-inverse-bg-active: #820000;
  --basis-color-negative-inverse-border-subtle: #930000;
  --basis-color-negative-inverse-border-default: #fab9b9;
  --basis-color-negative-inverse-border-hover: #fbc8c8;
  --basis-color-negative-inverse-border-active: #fcd7d7;
  --basis-color-negative-inverse-color-subtle: #f9b1b1;
  --basis-color-negative-inverse-color-default: #ffffff;
  --basis-color-negative-inverse-color-hover: #ffffff;
  --basis-color-negative-inverse-color-active: #ffffff;
  --basis-color-negative-inverse-color-document: #ffffff;
  --basis-color-positive-bg-document: #fafdfb;
  --basis-color-positive-bg-subtle: #eff9f3;
  --basis-color-positive-bg-default: #e4f5ea;
  --basis-color-positive-bg-hover: #d9f1e2;
  --basis-color-positive-bg-active: #ceedd9;
  --basis-color-positive-border-subtle: #8ad3a6;
  --basis-color-positive-border-default: #009b3a;
  --basis-color-positive-border-hover: #009036;
  --basis-color-positive-border-active: #008432;
  --basis-color-positive-color-subtle: #00732b;
  --basis-color-positive-color-default: #1d724a;
  --basis-color-positive-color-hover: #005821;
  --basis-color-positive-color-active: #00481b;
  --basis-color-positive-color-document: #00210c;
  --basis-color-positive-inverse-bg-document: #002b10;
  --basis-color-positive-inverse-bg-subtle: #00210c;
  --basis-color-positive-inverse-bg-default: #006827;
  --basis-color-positive-inverse-bg-hover: #005821;
  --basis-color-positive-inverse-bg-active: #00481b;
  --basis-color-positive-inverse-border-subtle: #00531f;
  --basis-color-positive-inverse-border-default: #96d8ae;
  --basis-color-positive-inverse-border-hover: #ace0c0;
  --basis-color-positive-inverse-border-active: #c3e9d1;
  --basis-color-positive-inverse-color-subtle: #8ad3a6;
  --basis-color-positive-inverse-color-default: #ffffff;
  --basis-color-positive-inverse-color-hover: #ffffff;
  --basis-color-positive-inverse-color-active: #ffffff;
  --basis-color-positive-inverse-color-document: #ffffff;
  --basis-color-warning-bg-document: #fffcf8;
  --basis-color-warning-bg-subtle: #fff5eb;
  --basis-color-warning-bg-default: #ffeedd;
  --basis-color-warning-bg-hover: #ffe7d0;
  --basis-color-warning-bg-active: #ffe0c2;
  --basis-color-warning-border-subtle: #ffb46b;
  --basis-color-warning-border-default: #c8700e;
  --basis-color-warning-border-hover: #b86810;
  --basis-color-warning-border-active: #a96011;
  --basis-color-warning-color-subtle: #935412;
  --basis-color-warning-color-default: #844c12;
  --basis-color-warning-color-hover: #6f4012;
  --basis-color-warning-color-active: #5a3511;
  --basis-color-warning-color-document: #27190a;
  --basis-color-warning-inverse-bg-document: #331f0d;
  --basis-color-warning-inverse-bg-subtle: #27190a;
  --basis-color-warning-inverse-bg-default: #844c12;
  --basis-color-warning-inverse-bg-hover: #6f4012;
  --basis-color-warning-inverse-bg-active: #5a3511;
  --basis-color-warning-inverse-border-subtle: #683c12;
  --basis-color-warning-inverse-border-default: #ffbc7a;
  --basis-color-warning-inverse-border-hover: #ffcb98;
  --basis-color-warning-inverse-border-active: #ffd9b4;
  --basis-color-warning-inverse-color-subtle: #ffb46b;
  --basis-color-warning-inverse-color-default: #ffffff;
  --basis-color-warning-inverse-color-hover: #ffffff;
  --basis-color-warning-inverse-color-active: #ffffff;
  --basis-color-warning-inverse-color-document: #ffffff;
  --basis-color-transparent: #00000000;
  --basis-form-control-border-radius: 0px;
  --basis-form-control-max-inline-size: 25rem;
  --basis-heading-font-family: "Jost","Arial","Helvetica","sans-serif";
  --basis-heading-color: #000000;
  --basis-heading-font-weight: 700;
  --basis-text-font-family-default: "Arial","Helvetica","sans-serif";
  --basis-text-font-family-monospace: "IBM Plex Mono",monospace;
  --basis-text-font-size-sm: .875rem;
  --basis-text-font-size-md: 1.125rem;
  --basis-text-font-size-lg: 1.4375rem;
  --basis-text-font-size-xl: 1.6875rem;
  --basis-text-font-size-2xl: 1.875rem;
  --basis-text-font-size-3xl: 2rem;
  --basis-text-font-size-4xl: 2.5rem;
  --basis-text-font-weight-default: 400;
  --basis-text-font-weight-bold: 700;
  --basis-text-line-height-sm: 1.5;
  --basis-text-line-height-md: 1.5;
  --basis-text-line-height-lg: 1.25;
  --basis-text-line-height-xl: 1.25;
  --basis-text-line-height-2xl: 1.25;
  --basis-text-line-height-3xl: 1.25;
  --basis-text-line-height-4xl: 1.25;
  --basis-space-inline-2xs: 1px;
  --basis-space-inline-xs: 2px;
  --basis-space-inline-sm: 4px;
  --basis-space-inline-md: 8px;
  --basis-space-inline-lg: 12px;
  --basis-space-inline-xl: 16px;
  --basis-space-inline-2xl: 20px;
  --basis-space-inline-3xl: 24px;
  --basis-space-inline-4xl: 32px;
  --basis-space-inline-5xl: 48px;
  --basis-space-inline-6xl: 64px;
  --basis-space-inline-min-2xs: 1px;
  --basis-space-inline-min-xs: 2px;
  --basis-space-inline-min-sm: 4px;
  --basis-space-inline-min-md: 8px;
  --basis-space-inline-min-lg: 12px;
  --basis-space-inline-min-xl: 16px;
  --basis-space-inline-min-2xl: 20px;
  --basis-space-inline-min-3xl: 24px;
  --basis-space-inline-min-4xl: 32px;
  --basis-space-inline-min-5xl: 48px;
  --basis-space-inline-min-6xl: 64px;
  --basis-space-inline-max-2xs: 2px;
  --basis-space-inline-max-xs: 4px;
  --basis-space-inline-max-sm: 8px;
  --basis-space-inline-max-md: 16px;
  --basis-space-inline-max-lg: 24px;
  --basis-space-inline-max-xl: 32px;
  --basis-space-inline-max-2xl: 40px;
  --basis-space-inline-max-3xl: 48px;
  --basis-space-inline-max-4xl: 64px;
  --basis-space-inline-max-5xl: 96px;
  --basis-space-inline-max-6xl: 128px;
  --basis-space-block-2xs: 1px;
  --basis-space-block-xs: 2px;
  --basis-space-block-sm: 4px;
  --basis-space-block-md: 8px;
  --basis-space-block-lg: 12px;
  --basis-space-block-xl: 16px;
  --basis-space-block-2xl: 20px;
  --basis-space-block-3xl: 24px;
  --basis-space-block-4xl: 32px;
  --basis-space-block-5xl: 48px;
  --basis-space-block-6xl: 64px;
  --basis-space-block-min-2xs: 1px;
  --basis-space-block-min-xs: 2px;
  --basis-space-block-min-sm: 4px;
  --basis-space-block-min-md: 8px;
  --basis-space-block-min-lg: 12px;
  --basis-space-block-min-xl: 16px;
  --basis-space-block-min-2xl: 20px;
  --basis-space-block-min-3xl: 24px;
  --basis-space-block-min-4xl: 32px;
  --basis-space-block-min-5xl: 48px;
  --basis-space-block-min-6xl: 64px;
  --basis-space-block-max-2xs: 2px;
  --basis-space-block-max-xs: 4px;
  --basis-space-block-max-sm: 8px;
  --basis-space-block-max-md: 16px;
  --basis-space-block-max-lg: 24px;
  --basis-space-block-max-xl: 32px;
  --basis-space-block-max-2xl: 40px;
  --basis-space-block-max-3xl: 48px;
  --basis-space-block-max-4xl: 64px;
  --basis-space-block-max-5xl: 96px;
  --basis-space-block-max-6xl: 128px;
  --basis-space-text-3xs: 1px; /** 0.125ch */
  --basis-space-text-2xs: 2px; /** 0.25ch */
  --basis-space-text-xs: 4px; /** 0.5ch */
  --basis-space-text-sm: 6px; /** 0.75ch */
  --basis-space-text-md: 8px; /** 1ch */
  --basis-space-text-lg: 12px; /** 1.5ch */
  --basis-space-text-xl: 14px; /** 1.75ch */
  --basis-space-text-2xl: 16px; /** 2ch */
  --basis-space-text-3xl: 24px; /** 3ch */
  --basis-space-column-2xs: 1px;
  --basis-space-column-xs: 2px;
  --basis-space-column-sm: 4px;
  --basis-space-column-md: 8px;
  --basis-space-column-lg: 12px;
  --basis-space-column-xl: 16px;
  --basis-space-column-2xl: 20px;
  --basis-space-column-3xl: 24px;
  --basis-space-column-4xl: 32px;
  --basis-space-column-5xl: 64px;
  --basis-space-column-6xl: 160px;
  --basis-space-column-min-2xs: 1px;
  --basis-space-column-min-xs: 2px;
  --basis-space-column-min-sm: 4px;
  --basis-space-column-min-md: 8px;
  --basis-space-column-min-lg: 12px;
  --basis-space-column-min-xl: 16px;
  --basis-space-column-min-2xl: 20px;
  --basis-space-column-min-3xl: 24px;
  --basis-space-column-min-4xl: 32px;
  --basis-space-column-min-5xl: 64px;
  --basis-space-column-min-6xl: 160px;
  --basis-space-column-max-2xs: 1px;
  --basis-space-column-max-xs: 2px;
  --basis-space-column-max-sm: 4px;
  --basis-space-column-max-md: 8px;
  --basis-space-column-max-lg: 12px;
  --basis-space-column-max-xl: 16px;
  --basis-space-column-max-2xl: 20px;
  --basis-space-column-max-3xl: 24px;
  --basis-space-column-max-4xl: 32px;
  --basis-space-column-max-5xl: 64px;
  --basis-space-column-max-6xl: 160px;
  --basis-space-row-2xs: 1px;
  --basis-space-row-xs: 2px;
  --basis-space-row-sm: 4px;
  --basis-space-row-md: 8px;
  --basis-space-row-lg: 12px;
  --basis-space-row-xl: 16px;
  --basis-space-row-2xl: 20px;
  --basis-space-row-3xl: 24px;
  --basis-space-row-4xl: 32px;
  --basis-space-row-5xl: 64px;
  --basis-space-row-6xl: 160px;
  --basis-space-row-min-2xs: 1px;
  --basis-space-row-min-xs: 2px;
  --basis-space-row-min-sm: 4px;
  --basis-space-row-min-md: 8px;
  --basis-space-row-min-lg: 12px;
  --basis-space-row-min-xl: 16px;
  --basis-space-row-min-2xl: 20px;
  --basis-space-row-min-3xl: 24px;
  --basis-space-row-min-4xl: 32px;
  --basis-space-row-min-5xl: 64px;
  --basis-space-row-min-6xl: 160px;
  --basis-space-row-max-2xs: 1px;
  --basis-space-row-max-xs: 2px;
  --basis-space-row-max-sm: 4px;
  --basis-space-row-max-md: 8px;
  --basis-space-row-max-lg: 12px;
  --basis-space-row-max-xl: 16px;
  --basis-space-row-max-2xl: 20px;
  --basis-space-row-max-3xl: 24px;
  --basis-space-row-max-4xl: 32px;
  --basis-space-row-max-5xl: 64px;
  --basis-space-row-max-6xl: 160px;
  --basis-size-5xs: 2px;
  --basis-size-4xs: 4px;
  --basis-size-3xs: 8px;
  --basis-size-2xs: 16px;
  --basis-size-xs: 24px;
  --basis-size-sm: 32px;
  --basis-size-md: 48px;
  --basis-size-lg: 64px;
  --basis-size-xl: 96px;
  --basis-size-2xl: 160px;
  --basis-size-icon-sm: 1.25rem;
  --basis-size-icon-md: 1.5rem;
  --basis-size-icon-lg: 1.5rem;
  --basis-size-icon-xl: 2rem;
  --basis-size-icon-2xl: 2rem;
  --basis-size-icon-3xl: 2.5rem;
  --basis-size-icon-4xl: 3rem;
  --basis-border-radius-sm: 0px;
  --basis-border-radius-md: 0px;
  --basis-border-radius-lg: 0px;
  --basis-border-radius-round: 999px;
  --basis-border-width-sm: 0.0625rem;
  --basis-border-width-md: 0.125rem;
  --basis-border-width-lg: 0.25rem;
  --basis-box-shadow-sm: 0 2px 6px 0 #595959;
  --basis-box-shadow-md: 0 8px 16px 0 #595959;
  --basis-box-shadow-lg: 0 16px 48px 0 #595959;
  --basis-action-activate-cursor: pointer;
  --basis-action-submit-cursor: pointer;
  --basis-focus-background-color: #ffffff;
  --basis-focus-color: #0b0c0c;
  --basis-focus-outline-color: #e96d1b;
  --basis-focus-inverse-outline-color: #ffffff;
  --basis-focus-outline-offset: 0px;
  --basis-focus-outline-style: dashed;
  --basis-focus-outline-width: 2px;
  --basis-page-max-inline-size: 1140px;
  --basis-pointer-target-min-block-size: 3rem;
  --basis-pointer-target-min-inline-size: 3rem;
  --utrecht-accordion-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-margin-block-start: 0px; /** [code-only] */
  --utrecht-accordion-row-gap: 0px;
  --utrecht-accordion-button-border-radius: 0px;
  --utrecht-accordion-section-border-width: 0;
  --utrecht-accordion-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-action-group-padding-block-end: 0px;
  --utrecht-action-group-padding-block-start: 0px;
  --utrecht-action-group-margin-block-end: 0px; /** [code-only] */
  --utrecht-action-group-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-border-radius: 0px;
  --utrecht-alert-margin-block-end: 0px; /** [code-only] */
  --utrecht-alert-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-icon-inset-block-start: 0px;
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-z-index: auto; /** [code-only] */
  --utrecht-backdrop-fade-in-animation-duration: 0.4s; /** [code-only] */
  --utrecht-backdrop-reduced-transparency-opacity: 0.98; /** [code-only] */
  --utrecht-checkbox-border-radius: 0px;
  --utrecht-form-field-margin-block-end: 0px; /** [code-only] */
  --utrecht-form-field-margin-block-start: 0px; /** [code-only] */
  --utrecht-form-field-description-margin-block-start: 0px;
  --utrecht-form-field-error-message-margin-block-start: 0px;
  --utrecht-form-field-error-message-padding-block-end: 0px;
  --utrecht-form-field-error-message-padding-block-start: 0px;
  --utrecht-form-field-error-message-padding-inline-end: 0px;
  --utrecht-form-field-error-message-padding-inline-start: 0px;
  --utrecht-heading-1-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-1-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-start: 0px; /** [code-only] */
  --utrecht-icon-inset-block-start: 0px;
  --utrecht-icon-baseline-inset-block-start: 0px; /** [code-only] */
  --utrecht-link-text-decoration: none;
  --utrecht-link-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-text-underline-offset: auto; /** [code-only] */
  --utrecht-link-focus-visible-text-decoration: None;
  --utrecht-link-focus-visible-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-hover-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-list-margin-block-end: 0px; /** [code-only] */
  --utrecht-link-list-margin-block-start: 0px; /** [code-only] */
  --utrecht-link-list-icon-inset-block-start: 0px;
  --utrecht-link-list-link-text-decoration: None;
  --utrecht-spotlight-section-border-width: 0px;
  --utrecht-spotlight-section-border-radius: 0px;
  --utrecht-spotlight-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-spotlight-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-pre-heading-margin-block-end: 0px; /** [code-only] */
  --utrecht-pre-heading-margin-block-start: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-end: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-start: 0px; /** [code-only] */
  --utrecht-textarea-max-inline-size: 100%;
  --utrecht-page-footer-padding-inline: 0px;
  --utrecht-article-max-inline-size: 750px;
  --utrecht-listbox-padding-block-end: 0px;
  --utrecht-listbox-padding-block-start: 0px;
  --utrecht-listbox-padding-inline-end: 0px;
  --utrecht-listbox-padding-inline-start: 0px;
  --nl-button-focus-color: #ffffff;
  --nl-button-default-background-color: #ffffff;
  --nl-button-default-hover-color: #ffffff;
  --nl-button-secondary-color: #ffffff;
  --nl-button-secondary-hover-color: #ffffff;
  --nl-button-subtle-border-width: 0px;
  --signalen-progress-bar-block-size: 0.5rem;
  --signalen-progress-bar-border-radius: 0px;
  --basis-color-accent-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-2-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-3-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-3-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-3-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-3-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-3-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-3-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-3-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-3-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-3-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-3-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-3-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-3-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-3-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-3-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-3-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-3-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-3-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-3-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-3-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-3-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-3-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-3-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-3-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-3-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-3-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-3-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-3-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-1-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-1-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-1-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-1-bg-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-1-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-1-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-1-border-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-1-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-1-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-1-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-1-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-1-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-1-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-1-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-1-inverse-bg-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-bg-active: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-1-inverse-border-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-border-active: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-1-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-hover: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-active: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-2-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-2-color-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-default-bg-document: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-default-color-default: var(--basis-color-default-bg-subtle);
  --basis-color-disabled-bg-default: var(--basis-color-default-bg-default);
  --basis-color-disabled-border-subtle: var(--basis-color-default-border-subtle);
  --basis-color-disabled-color-subtle: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-disabled-color-hover: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-active: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-document: var(--basis-color-default-color-subtle);
  --basis-color-disabled-inverse-bg-default: var(--basis-color-default-inverse-bg-default);
  --basis-color-disabled-inverse-border-subtle: var(--basis-color-default-inverse-border-subtle);
  --basis-color-disabled-inverse-color-subtle: var(--basis-color-default-inverse-color-subtle);
  --basis-color-info-bg-default: var(--basis-color-default-bg-subtle);
  --basis-color-info-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-negative-color-default: var(--basis-color-action-1-color-hover);
  --basis-color-selected-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-selected-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-selected-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-selected-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-selected-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-selected-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-selected-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-selected-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-selected-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-selected-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-selected-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-selected-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-selected-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-selected-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-selected-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-selected-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-selected-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-selected-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-selected-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-selected-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-selected-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-selected-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-selected-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-selected-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-selected-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-selected-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-form-control-font-family: var(--basis-text-font-family-default);
  --basis-form-control-font-size: var(--basis-text-font-size-md);
  --basis-form-control-font-weight: var(--basis-text-font-weight-default);
  --basis-form-control-line-height: var(--basis-text-line-height-md);
  --basis-form-control-accent-color: var(--basis-color-accent-1-color-default);
  --basis-form-control-border-color: var(--basis-color-default-border-default);
  --basis-form-control-color: var(--basis-color-default-color-document);
  --basis-form-control-active-background-color: var(--basis-color-default-bg-active);
  --basis-form-control-active-border-color: var(--basis-color-default-border-active);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-form-control-focus-border-color: var(--basis-color-default-border-active);
  --basis-form-control-focus-border-width: var(--basis-border-width-md);
  --basis-form-control-hover-accent-color: var(--basis-color-action-1-color-hover);
  --basis-form-control-hover-background-color: var(--basis-color-default-bg-hover);
  --basis-form-control-hover-border-color: var(--basis-color-default-border-hover);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-background-color: var(--basis-color-negative-bg-default);
  --basis-form-control-invalid-border-color: var(--basis-color-negative-border-default);
  --basis-form-control-invalid-border-width: var(--basis-border-width-md);
  --basis-form-control-placeholder-color: var(--basis-color-default-color-subtle);
  --basis-form-control-read-only-background-color: var(--basis-color-default-bg-subtle);
  --basis-form-control-read-only-border-color: var(--basis-color-transparent);
  --basis-form-control-read-only-color: var(--basis-color-default-color-document);
  --basis-form-control-border-width: var(--basis-border-width-sm);
  --basis-form-control-padding-block-end: var(--basis-space-block-lg);
  --basis-form-control-padding-block-start: var(--basis-space-block-lg);
  --basis-form-control-padding-inline-end: var(--basis-space-inline-lg);
  --basis-form-control-padding-inline-start: var(--basis-space-inline-lg);
  --utrecht-accordion-button-background-color: var(--basis-color-default-bg-default);
  --utrecht-accordion-button-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-color: var(--basis-heading-color);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-button-icon-size: var(--basis-size-icon-md);
  --utrecht-accordion-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-accordion-button-active-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-focus-visible-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-focus-visible-color: var(--basis-focus-color);
  --utrecht-accordion-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-accordion-button-hover-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-section-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-section-hover-border-color: var(--basis-color-default-border-subtle);
  --utrecht-action-group-background-color: var(--basis-color-transparent);
  --utrecht-action-group-column-gap: var(--basis-space-column-md);
  --utrecht-action-group-row-gap: var(--basis-space-row-md);
  --utrecht-alert-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-color: var(--basis-color-info-color-document);
  --utrecht-alert-column-gap: var(--basis-space-column-md);
  --utrecht-alert-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-alert-padding-block-start: var(--basis-space-block-xl);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-alert-content-row-gap: var(--basis-space-row-xl);
  --utrecht-alert-icon-size: var(--basis-size-icon-xl);
  --utrecht-alert-icon-ok-color: var(--basis-color-positive-color-default);
  --utrecht-alert-icon-warning-color: var(--basis-color-warning-color-default);
  --utrecht-alert-message-row-gap: var(--basis-space-row-md);
  --utrecht-alert-info-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-info-color: var(--basis-color-info-color-document);
  --utrecht-alert-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-alert-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-alert-error-color: var(--basis-color-negative-color-document);
  --utrecht-alert-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-alert-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-alert-ok-color: var(--basis-color-positive-color-document);
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-alert-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-alert-warning-color: var(--basis-color-warning-color-document);
  --utrecht-backdrop-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-backdrop-color: var(--basis-color-default-inverse-color-document);
  --utrecht-button-background-color: var(--basis-color-transparent);
  --utrecht-button-border-color: var(--basis-color-default-border-default);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-border-width: var(--basis-border-width-sm);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-font-family: var(--basis-text-font-family-default);
  --utrecht-button-font-size: var(--basis-text-font-size-md);
  --utrecht-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-line-height: var(--basis-text-line-height-md);
  --utrecht-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-button-icon-size: var(--basis-size-icon-md);
  --utrecht-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-active-border-color: var(--basis-color-default-border-active);
  --utrecht-button-active-color: var(--basis-color-default-color-active);
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-button-hover-border-color: var(--basis-color-default-border-hover);
  --utrecht-button-hover-color: var(--basis-color-default-color-hover);
  --utrecht-button-pressed-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-pressed-border-color: var(--basis-color-default-border-active);
  --utrecht-button-pressed-color: var(--basis-color-default-color-active);
  --utrecht-button-primary-action-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-primary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-primary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-primary-action-active-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-primary-action-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-background-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-secondary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-secondary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-font-size: var(--basis-text-font-size-md);
  --utrecht-button-subtle-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-subtle-line-height: var(--basis-text-line-height-md);
  --utrecht-button-subtle-active-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-icon-size: var(--basis-size-icon-md);
  --utrecht-checkbox-checked-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-border-color: var(--basis-color-transparent);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-field-description-color: var(--basis-color-default-color-subtle);
  --utrecht-form-field-description-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-description-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-description-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-description-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-error-message-background-color: var(--basis-color-transparent);
  --utrecht-form-field-error-message-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-error-message-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-field-error-message-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-error-message-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-label-color: var(--basis-color-default-color-document);
  --utrecht-form-label-font-size: var(--basis-text-font-size-md);
  --utrecht-form-label-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-label-checkbox-color: var(--basis-color-default-color-document);
  --utrecht-form-label-checkbox-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checked-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-radio-color: var(--basis-color-default-color-document);
  --utrecht-form-label-radio-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-margin-block-end: var(--basis-space-block-lg);
  --utrecht-heading-1-color: var(--basis-heading-color);
  --utrecht-heading-1-font-family: var(--basis-heading-font-family);
  --utrecht-heading-1-font-size: var(--basis-text-font-size-3xl);
  --utrecht-heading-1-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-1-line-height: var(--basis-text-line-height-3xl);
  --utrecht-heading-2-color: var(--basis-heading-color);
  --utrecht-heading-2-font-family: var(--basis-heading-font-family);
  --utrecht-heading-2-font-size: var(--basis-text-font-size-2xl);
  --utrecht-heading-2-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-2-line-height: var(--basis-text-line-height-2xl);
  --utrecht-heading-3-color: var(--basis-heading-color);
  --utrecht-heading-3-font-family: var(--basis-heading-font-family);
  --utrecht-heading-3-font-size: var(--basis-text-font-size-xl);
  --utrecht-heading-3-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-3-line-height: var(--basis-text-line-height-xl);
  --utrecht-heading-4-color: var(--basis-heading-color);
  --utrecht-heading-4-font-family: var(--basis-heading-font-family);
  --utrecht-heading-4-font-size: var(--basis-text-font-size-lg);
  --utrecht-heading-4-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-4-line-height: var(--basis-text-line-height-lg);
  --utrecht-heading-5-color: var(--basis-heading-color);
  --utrecht-heading-5-font-family: var(--basis-heading-font-family);
  --utrecht-heading-5-font-size: var(--basis-text-font-size-md);
  --utrecht-heading-5-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-5-line-height: var(--basis-text-line-height-md);
  --utrecht-heading-6-color: var(--basis-heading-color);
  --utrecht-heading-6-font-family: var(--basis-heading-font-family);
  --utrecht-heading-6-font-size: var(--basis-text-font-size-sm);
  --utrecht-heading-6-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-6-line-height: var(--basis-text-line-height-sm);
  --utrecht-icon-size: var(--basis-size-icon-md);
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-icon-size: var(--basis-size-icon-md);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-focus-color: var(--basis-focus-color);
  --utrecht-link-list-row-gap: var(--basis-space-row-md);
  --utrecht-link-list-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-list-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-nav-bar-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-content-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-nav-bar-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-spotlight-section-border-color: var(--basis-color-default-border-default);
  --utrecht-spotlight-section-color: var(--basis-color-default-color-document);
  --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-xl);
  --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-info-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-info-border-color: var(--basis-color-info-border-default);
  --utrecht-spotlight-section-info-color: var(--basis-color-info-color-document);
  --utrecht-spotlight-section-error-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-spotlight-section-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-spotlight-section-error-color: var(--basis-color-negative-color-document);
  --utrecht-spotlight-section-ok-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-spotlight-section-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-spotlight-section-ok-color: var(--basis-color-positive-color-document);
  --utrecht-spotlight-section-ok-icon-color: var(--basis-color-positive-color-default);
  --utrecht-spotlight-section-warning-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-spotlight-section-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-spotlight-section-warning-color: var(--basis-color-warning-color-document);
  --utrecht-spotlight-section-warning-icon-color: var(--basis-color-warning-color-default);
  --utrecht-paragraph-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-font-family: var(--basis-text-font-family-default);
  --utrecht-paragraph-font-size: var(--basis-text-font-size-md);
  --utrecht-paragraph-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-line-height: var(--basis-text-line-height-md);
  --utrecht-paragraph-lead-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --utrecht-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --utrecht-paragraph-small-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-small-font-size: var(--basis-text-font-size-sm);
  --utrecht-paragraph-small-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-small-line-height: var(--basis-text-line-height-sm);
  --utrecht-pre-heading-color: var(--basis-color-default-color-document);
  --utrecht-pre-heading-font-family: var(--basis-text-font-family-default);
  --utrecht-pre-heading-font-size: var(--basis-text-font-size-sm);
  --utrecht-pre-heading-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-pre-heading-line-height: var(--basis-text-line-height-md);
  --utrecht-radio-button-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-radio-button-size: var(--basis-size-xs);
  --utrecht-radio-button-icon-size: var(--basis-size-3xs);
  --utrecht-radio-button-checked-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-active-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-select-border-radius: var(--basis-form-control-border-radius);
  --utrecht-select-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-select-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textarea-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textarea-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textbox-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textbox-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-unordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-unordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-unordered-list-marker-color: var(--basis-color-default-color-document);
  --utrecht-root-color: var(--basis-color-default-color-document);
  --utrecht-root-font-family: var(--basis-text-font-family-default);
  --utrecht-body-color: var(--basis-color-default-color-document);
  --utrecht-body-font-size: var(--basis-text-font-size-md);
  --utrecht-body-font-weight: var(--basis-text-font-weight-default);
  --utrecht-body-line-height: var(--basis-text-line-height-md);
  --utrecht-page-header-color: var(--basis-color-default-color-document);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-inline-min-xl);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-inline-min-xl);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-min-xl);
  --utrecht-page-body-color: var(--basis-color-default-color-document);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-footer-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --utrecht-page-footer-color: var(--basis-color-accent-1-inverse-color-default);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-listbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-sm);
  --nl-button-border-radius: var(--basis-border-radius-md);
  --nl-button-column-gap: var(--basis-space-text-xs);
  --nl-button-font-family: var(--basis-text-font-family-default);
  --nl-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-button-padding-block-end: var(--basis-space-block-xl);
  --nl-button-padding-block-start: var(--basis-space-block-xl);
  --nl-button-padding-inline-end: var(--basis-space-inline-3xl);
  --nl-button-padding-inline-start: var(--basis-space-inline-3xl);
  --nl-button-focus-background-color: var(--basis-focus-outline-color);
  --nl-button-focus-border-color: var(--basis-focus-outline-color);
  --nl-button-icon-size: var(--basis-size-icon-md);
  --nl-button-icon-only-padding-block-end: var(--basis-space-block-md);
  --nl-button-icon-only-padding-block-start: var(--basis-space-block-md);
  --nl-button-icon-only-padding-inline-end: var(--basis-space-inline-md);
  --nl-button-icon-only-padding-inline-start: var(--basis-space-inline-md);
  --nl-button-default-border-width: var(--basis-border-width-sm);
  --nl-button-default-font-size: var(--basis-text-font-size-md);
  --nl-button-default-font-weight: var(--basis-text-font-weight-bold);
  --nl-button-default-line-height: var(--basis-text-line-height-md);
  --nl-button-default-active-background-color: var(--basis-color-default-bg-active);
  --nl-button-default-active-border-color: var(--basis-color-default-border-active);
  --nl-button-default-active-color: var(--basis-color-default-color-active);
  --nl-button-default-hover-background-color: var(--basis-color-action-1-color-hover);
  --nl-button-default-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-default-pressed-background-color: var(--basis-color-default-inverse-bg-default);
  --nl-button-default-pressed-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-color: var(--basis-color-default-inverse-color-default);
  --nl-button-default-pressed-active-background-color: var(--basis-color-default-inverse-bg-active);
  --nl-button-default-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-active-color: var(--basis-color-default-inverse-color-active);
  --nl-button-default-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --nl-button-default-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-color: var(--basis-color-default-inverse-color-hover);
  --nl-button-primary-background-color: var(--basis-color-accent-1-color-default);
  --nl-button-primary-color: var(--basis-color-accent-1-inverse-color-default);
  --nl-button-primary-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-pressed-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-primary-negative-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-primary-negative-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-primary-negative-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-primary-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-primary-negative-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-primary-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-primary-negative-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-negative-pressed-border-color: var(--basis-color-negative-border-default);
  --nl-button-primary-negative-pressed-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-primary-negative-pressed-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-primary-negative-pressed-active-color: var(--basis-color-negative-color-active);
  --nl-button-primary-negative-pressed-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-primary-negative-pressed-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-primary-negative-pressed-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-primary-positive-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-primary-positive-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-primary-positive-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-primary-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-primary-positive-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-primary-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-primary-positive-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-positive-pressed-border-color: var(--basis-color-positive-border-default);
  --nl-button-primary-positive-pressed-color: var(--basis-color-positive-color-default);
  --nl-button-primary-positive-pressed-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-primary-positive-pressed-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-primary-positive-pressed-active-color: var(--basis-color-positive-color-active);
  --nl-button-primary-positive-pressed-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-primary-positive-pressed-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-primary-positive-pressed-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --nl-button-secondary-border-color: var(--basis-color-accent-1-inverse-bg-default);
  --nl-button-secondary-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-secondary-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-background-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-border-color: var(--basis-color-negative-border-default);
  --nl-button-secondary-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-secondary-negative-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-secondary-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-secondary-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-secondary-negative-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-secondary-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-secondary-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-secondary-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-secondary-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-secondary-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-secondary-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-secondary-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-secondary-positive-background-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-border-color: var(--basis-color-positive-border-default);
  --nl-button-secondary-positive-color: var(--basis-color-positive-color-default);
  --nl-button-secondary-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-secondary-positive-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-secondary-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-secondary-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-secondary-positive-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-secondary-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-secondary-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-secondary-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-secondary-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-secondary-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-secondary-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-subtle-background-color: var(--basis-color-default-bg-subtle);
  --nl-button-subtle-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-hover-background-color: var(--basis-color-default-bg-subtle);
  --nl-button-subtle-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-background-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-subtle-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-subtle-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-subtle-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-subtle-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-subtle-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-subtle-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-subtle-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-subtle-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-subtle-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-subtle-positive-background-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-color: var(--basis-color-positive-color-default);
  --nl-button-subtle-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-subtle-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-subtle-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-subtle-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-subtle-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-subtle-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-subtle-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-subtle-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-subtle-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-subtle-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --basis-color-action-1-inverse-border-default: var(--basis-color-action-1-inverse-bg-default);
  --basis-color-disabled-bg-document: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-subtle: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-hover: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-active: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-border-default: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-hover: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-active: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-inverse-bg-document: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-subtle: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-hover: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-active: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-border-default: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-hover: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-active: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-color-default: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-hover: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-active: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-document: var(--basis-color-disabled-inverse-color-subtle);
  --basis-form-control-background-color: var(--basis-color-default-bg-document);
  --basis-form-control-active-accent-color: var(--basis-color-action-1-color-active);
  --basis-form-control-active-color: var(--basis-form-control-color);
  --basis-form-control-disabled-accent-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --basis-form-control-disabled-color: var(--basis-color-disabled-color-subtle);
  --basis-form-control-focus-color: var(--basis-form-control-color);
  --basis-form-control-hover-color: var(--basis-form-control-color);
  --basis-form-control-invalid-color: var(--basis-color-negative-color-default);
  --utrecht-accordion-button-active-color: var(--basis-color-action-2-color-active);
  --utrecht-accordion-button-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-alert-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-icon-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-info-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-error-color: var(--basis-color-negative-color-default);
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-button-color: var(--basis-color-default-color-default);
  --utrecht-button-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-button-primary-action-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-button-primary-action-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-primary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --utrecht-button-primary-action-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-button-primary-action-pressed-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-pressed-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-secondary-action-border-color: var(--basis-color-action-1-border-default);
  --utrecht-button-secondary-action-color: var(--basis-color-action-1-color-default);
  --utrecht-button-secondary-action-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-active-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-secondary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-secondary-action-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-secondary-action-hover-border-color: var(--basis-color-action-1-border-hover);
  --utrecht-button-secondary-action-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-pressed-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-color: var(--basis-color-action-1-color-default);
  --utrecht-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-subtle-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-subtle-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-checkbox-border-color: var(--basis-form-control-border-color);
  --utrecht-checkbox-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-checkbox-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-checkbox-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-checkbox-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-checkbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-checkbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-checkbox-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-checkbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-checked-color: var(--basis-color-default-bg-document);
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-indeterminate-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-default-bg-document);
  --utrecht-form-field-error-message-color: var(--basis-color-negative-color-default);
  --utrecht-form-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-link-color: var(--basis-color-action-2-color-default);
  --utrecht-link-text-decoration-color: var(--basis-color-action-2-color-hover); /** [code-only] */
  --utrecht-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-link-visited-color: var(--basis-color-action-2-color-default);
  --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-spotlight-section-info-icon-color: var(--basis-color-info-color-default);
  --utrecht-spotlight-section-error-icon-color: var(--basis-color-negative-color-default);
  --utrecht-radio-button-border-color: var(--basis-form-control-border-color);
  --utrecht-radio-button-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-radio-button-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-radio-button-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-radio-button-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-radio-button-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-radio-button-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-radio-button-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-checked-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-checked-active-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-checked-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-default-bg-document);
  --utrecht-select-border-color: var(--basis-form-control-border-color);
  --utrecht-select-border-width: var(--basis-form-control-border-width);
  --utrecht-select-color: var(--basis-form-control-color);
  --utrecht-select-font-family: var(--basis-form-control-font-family);
  --utrecht-select-font-size: var(--basis-form-control-font-size);
  --utrecht-select-font-weight: var(--basis-form-control-font-weight);
  --utrecht-select-line-height: var(--basis-form-control-line-height);
  --utrecht-select-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-select-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-select-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-select-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-select-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-select-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-select-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-textarea-border-color: var(--basis-form-control-border-color);
  --utrecht-textarea-border-width: var(--basis-form-control-border-width);
  --utrecht-textarea-color: var(--basis-form-control-color);
  --utrecht-textarea-font-family: var(--basis-form-control-font-family);
  --utrecht-textarea-font-size: var(--basis-form-control-font-size);
  --utrecht-textarea-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textarea-line-height: var(--basis-form-control-line-height);
  --utrecht-textarea-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textarea-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textarea-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textarea-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textarea-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textarea-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textarea-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textarea-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textarea-invalid-color: var(--basis-form-control-color);
  --utrecht-textarea-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textarea-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textarea-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textbox-border-color: var(--basis-form-control-border-color);
  --utrecht-textbox-border-width: var(--basis-form-control-border-width);
  --utrecht-textbox-color: var(--basis-form-control-color);
  --utrecht-textbox-font-family: var(--basis-form-control-font-family);
  --utrecht-textbox-font-size: var(--basis-form-control-font-size);
  --utrecht-textbox-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textbox-line-height: var(--basis-form-control-line-height);
  --utrecht-textbox-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textbox-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textbox-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textbox-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textbox-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textbox-invalid-color: var(--basis-form-control-color);
  --utrecht-textbox-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textbox-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textbox-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-root-background-color: var(--basis-color-default-bg-document);
  --utrecht-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-header-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-listbox-border-color: var(--basis-form-control-border-color);
  --utrecht-listbox-border-width: var(--basis-form-control-border-width);
  --utrecht-listbox-color: var(--basis-form-control-color);
  --utrecht-listbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-listbox-option-is-active-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-is-active-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-active-background-color: var(--basis-color-selected-inverse-bg-active);
  --utrecht-listbox-option-active-color: var(--basis-color-selected-inverse-color-active);
  --utrecht-listbox-option-selected-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-selected-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-selected-hover-background-color: var(--basis-color-selected-inverse-bg-hover);
  --utrecht-listbox-option-selected-hover-color: var(--basis-color-selected-inverse-color-hover);
  --nl-button-default-border-color: var(--basis-color-action-1-color-default);
  --nl-button-default-color: var(--basis-color-action-1-color-default);
  --nl-button-default-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-default-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-default-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-default-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-default-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-primary-border-color: var(--basis-color-action-2-color-default);
  --nl-button-primary-border-width: var(--nl-button-default-border-width);
  --nl-button-primary-font-size: var(--nl-button-default-font-size);
  --nl-button-primary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-primary-line-height: var(--nl-button-default-line-height);
  --nl-button-primary-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-primary-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-primary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-hover-background-color: var(--basis-color-action-2-color-hover);
  --nl-button-primary-hover-border-color: var(--basis-color-action-2-color-hover);
  --nl-button-primary-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-primary-pressed-border-color: var(--basis-color-action-1-border-default);
  --nl-button-primary-pressed-color: var(--basis-color-action-1-color-default);
  --nl-button-primary-pressed-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-primary-pressed-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-primary-pressed-active-color: var(--basis-color-action-1-color-active);
  --nl-button-primary-pressed-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-pressed-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-pressed-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-pressed-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-primary-pressed-hover-border-color: var(--basis-color-action-1-border-hover);
  --nl-button-primary-negative-pressed-color: var(--basis-color-negative-color-default);
  --nl-button-secondary-border-width: var(--nl-button-default-border-width);
  --nl-button-secondary-font-size: var(--nl-button-default-font-size);
  --nl-button-secondary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-secondary-line-height: var(--nl-button-default-line-height);
  --nl-button-secondary-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-secondary-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-secondary-active-color: var(--basis-color-action-1-color-active);
  --nl-button-secondary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-secondary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-secondary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-secondary-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-secondary-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-secondary-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-secondary-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-secondary-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-secondary-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-secondary-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-secondary-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-secondary-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-secondary-negative-color: var(--basis-color-negative-color-default);
  --nl-button-subtle-border-color: var(--basis-color-action-1-color-default);
  --nl-button-subtle-color: var(--basis-color-action-1-color-default);
  --nl-button-subtle-font-size: var(--nl-button-default-font-size);
  --nl-button-subtle-font-weight: var(--nl-button-default-font-weight);
  --nl-button-subtle-line-height: var(--nl-button-default-line-height);
  --nl-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --nl-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-subtle-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-subtle-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-subtle-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-subtle-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-subtle-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-subtle-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-subtle-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-subtle-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-subtle-negative-color: var(--basis-color-negative-color-default);
  --signalen-progress-bar-background-color: var(--basis-color-default-bg-document);
  --signalen-progress-bar-color: var(--basis-color-action-1-color-default);
  --signalen-progress-bar-complete-background-color: var(--basis-color-action-1-color-default);
  --basis-form-control-focus-background-color: var(--basis-form-control-background-color);
  --utrecht-checkbox-background-color: var(--basis-form-control-background-color);
  --utrecht-checkbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-background-color: var(--basis-form-control-background-color);
  --utrecht-radio-button-color: var(--utrecht-radio-button-border-color);
  --utrecht-radio-button-active-color: var(--utrecht-radio-button-active-border-color);
  --utrecht-radio-button-focus-color: var(--utrecht-radio-button-focus-border-color);
  --utrecht-radio-button-hover-color: var(--utrecht-radio-button-hover-border-color);
  --utrecht-radio-button-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-invalid-color: var(--utrecht-radio-button-invalid-border-color);
  --utrecht-radio-button-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-radio-button-checked-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-background-color: var(--basis-form-control-background-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-select-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-select-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-select-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-hover-color: var(--basis-form-control-hover-color);
  --utrecht-textarea-background-color: var(--basis-form-control-background-color);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textarea-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textarea-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textarea-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textbox-background-color: var(--basis-form-control-background-color);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textbox-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textbox-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-listbox-background-color: var(--basis-form-control-background-color);
  --utrecht-listbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-listbox-option-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-disabled-color: var(--utrecht-radio-button-disabled-border-color);
  --utrecht-radio-button-checked-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-select-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textarea-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textbox-focus-background-color: var(--basis-form-control-focus-background-color);
}

@media (prefers-color-scheme: dark) {
  .organization-theme.organization-theme--media-query {
    color-scheme: light dark;
  }
/**
 * Do not edit directly, this file was auto-generated.
 */

.organization-theme.organization-theme--media-query {
  --basis-color-accent-1-bg-document: #fbfcfd;
  --basis-color-accent-1-bg-subtle: #f4f7fa;
  --basis-color-accent-1-bg-default: #ecf1f7;
  --basis-color-accent-1-bg-hover: #e4ecf4;
  --basis-color-accent-1-bg-active: #dde6f1;
  --basis-color-accent-1-border-subtle: #b0c6df;
  --basis-color-accent-1-border-default: #5c89be;
  --basis-color-accent-1-border-hover: #4e7fb8;
  --basis-color-accent-1-border-active: #3f74b2;
  --basis-color-accent-1-color-subtle: #2964aa;
  --basis-color-accent-1-color-default: #dd0000;
  --basis-color-accent-1-color-hover: #04499a;
  --basis-color-accent-1-color-active: #003b81;
  --basis-color-accent-1-color-document: #001b3c;
  --basis-color-accent-1-inverse-bg-document: #00234d;
  --basis-color-accent-1-inverse-bg-subtle: #001b3c;
  --basis-color-accent-1-inverse-bg-default: #11213d;
  --basis-color-accent-1-inverse-bg-hover: #04499a;
  --basis-color-accent-1-inverse-bg-active: #003b81;
  --basis-color-accent-1-inverse-border-subtle: #004494;
  --basis-color-accent-1-inverse-border-default: #b8cbe2;
  --basis-color-accent-1-inverse-border-hover: #c6d6e8;
  --basis-color-accent-1-inverse-border-active: #d5e1ee;
  --basis-color-accent-1-inverse-color-subtle: #b0c6df;
  --basis-color-accent-1-inverse-color-default: #f5f5f5;
  --basis-color-accent-1-inverse-color-hover: #ffffff;
  --basis-color-accent-1-inverse-color-active: #ffffff;
  --basis-color-accent-1-inverse-color-document: #ffffff;
  --basis-color-accent-3-color-default: #e96d1b;
  --basis-color-action-1-color-default: #f5f5f5;
  --basis-color-action-1-color-hover: #770f00;
  --basis-color-default-bg-document: #1d1d1d;
  --basis-color-default-bg-subtle: #1a1a1a;
  --basis-color-default-bg-default: #f1f1f1;
  --basis-color-default-bg-hover: #ebebeb;
  --basis-color-default-bg-active: #e5e5e5;
  --basis-color-default-border-subtle: #c4c4c4;
  --basis-color-default-border-default: #868686;
  --basis-color-default-border-hover: #7c7c7c;
  --basis-color-default-border-active: #727272;
  --basis-color-default-color-subtle: #dddddd;
  --basis-color-default-color-hover: #4b4b4b;
  --basis-color-default-color-active: #3e3e3e;
  --basis-color-default-color-document: #f5f5f5;
  --basis-color-default-inverse-bg-document: #242424;
  --basis-color-default-inverse-bg-subtle: #1b1b1b;
  --basis-color-default-inverse-bg-default: #595959;
  --basis-color-default-inverse-bg-hover: #4b4b4b;
  --basis-color-default-inverse-bg-active: #3e3e3e;
  --basis-color-default-inverse-border-subtle: #474747;
  --basis-color-default-inverse-border-default: #c9c9c9;
  --basis-color-default-inverse-border-hover: #d4d4d4;
  --basis-color-default-inverse-border-active: #dfdfdf;
  --basis-color-default-inverse-color-subtle: #c4c4c4;
  --basis-color-default-inverse-color-default: #ffffff;
  --basis-color-default-inverse-color-hover: #ffffff;
  --basis-color-default-inverse-color-active: #ffffff;
  --basis-color-default-inverse-color-document: #ffffff;
  --basis-color-highlight-bg-document: #fffcf2;
  --basis-color-highlight-bg-subtle: #fff7d7;
  --basis-color-highlight-bg-default: #fff1bb;
  --basis-color-highlight-bg-hover: #ffeb9d;
  --basis-color-highlight-bg-active: #ffe57c;
  --basis-color-highlight-border-subtle: #e6c10c;
  --basis-color-highlight-border-default: #9e8418;
  --basis-color-highlight-border-hover: #927a18;
  --basis-color-highlight-border-active: #867018;
  --basis-color-highlight-color-subtle: #756218;
  --basis-color-highlight-color-default: #695817;
  --basis-color-highlight-color-hover: #594a16;
  --basis-color-highlight-color-active: #483d14;
  --basis-color-highlight-color-document: #201b0c;
  --basis-color-highlight-inverse-bg-document: #2a230f;
  --basis-color-highlight-inverse-bg-subtle: #201b0c;
  --basis-color-highlight-inverse-bg-default: #695817;
  --basis-color-highlight-inverse-bg-hover: #594a16;
  --basis-color-highlight-inverse-bg-active: #483d14;
  --basis-color-highlight-inverse-border-subtle: #534615;
  --basis-color-highlight-inverse-border-default: #ecc609;
  --basis-color-highlight-inverse-border-hover: #f9d103;
  --basis-color-highlight-inverse-border-active: #ffde56;
  --basis-color-highlight-inverse-color-subtle: #e6c10c;
  --basis-color-highlight-inverse-color-default: #ffffff;
  --basis-color-highlight-inverse-color-hover: #ffffff;
  --basis-color-highlight-inverse-color-active: #ffffff;
  --basis-color-highlight-inverse-color-document: #ffffff;
  --basis-color-info-bg-document: #fbfcfd;
  --basis-color-info-bg-subtle: #f4f7fa;
  --basis-color-info-bg-default: #1d2532;
  --basis-color-info-bg-hover: #e4ecf4;
  --basis-color-info-bg-active: #dde6f1;
  --basis-color-info-border-subtle: #b0c6df;
  --basis-color-info-border-default: #5c89be;
  --basis-color-info-border-hover: #4e7fb8;
  --basis-color-info-border-active: #3f74b2;
  --basis-color-info-color-subtle: #2964aa;
  --basis-color-info-color-hover: #04499a;
  --basis-color-info-color-active: #003b81;
  --basis-color-info-color-document: #f5f5f5;
  --basis-color-info-inverse-bg-document: #00234d;
  --basis-color-info-inverse-bg-subtle: #001b3c;
  --basis-color-info-inverse-bg-default: #1b59a4;
  --basis-color-info-inverse-bg-hover: #04499a;
  --basis-color-info-inverse-bg-active: #003b81;
  --basis-color-info-inverse-border-subtle: #004494;
  --basis-color-info-inverse-border-default: #b8cbe2;
  --basis-color-info-inverse-border-hover: #c6d6e8;
  --basis-color-info-inverse-border-active: #d5e1ee;
  --basis-color-info-inverse-color-subtle: #b0c6df;
  --basis-color-info-inverse-color-default: #ffffff;
  --basis-color-info-inverse-color-hover: #ffffff;
  --basis-color-info-inverse-color-active: #ffffff;
  --basis-color-info-inverse-color-document: #ffffff;
  --basis-color-negative-bg-document: #fffbfb;
  --basis-color-negative-bg-subtle: #fef4f4;
  --basis-color-negative-bg-default: #feeded;
  --basis-color-negative-bg-hover: #fde6e6;
  --basis-color-negative-bg-active: #fddede;
  --basis-color-negative-border-subtle: #f9b1b1;
  --basis-color-negative-border-default: #f14848;
  --basis-color-negative-border-hover: #ef2929;
  --basis-color-negative-border-active: #e60000;
  --basis-color-negative-color-subtle: #ca0000;
  --basis-color-negative-color-hover: #9c0000;
  --basis-color-negative-color-active: #930000;
  --basis-color-negative-color-document: #410000;
  --basis-color-negative-inverse-bg-document: #510000;
  --basis-color-negative-inverse-bg-subtle: #410000;
  --basis-color-negative-inverse-bg-default: #b70000;
  --basis-color-negative-inverse-bg-hover: #9c0000;
  --basis-color-negative-inverse-bg-active: #820000;
  --basis-color-negative-inverse-border-subtle: #930000;
  --basis-color-negative-inverse-border-default: #fab9b9;
  --basis-color-negative-inverse-border-hover: #fbc8c8;
  --basis-color-negative-inverse-border-active: #fcd7d7;
  --basis-color-negative-inverse-color-subtle: #f9b1b1;
  --basis-color-negative-inverse-color-default: #ffffff;
  --basis-color-negative-inverse-color-hover: #ffffff;
  --basis-color-negative-inverse-color-active: #ffffff;
  --basis-color-negative-inverse-color-document: #ffffff;
  --basis-color-positive-bg-document: #fafdfb;
  --basis-color-positive-bg-subtle: #eff9f3;
  --basis-color-positive-bg-default: #e4f5ea;
  --basis-color-positive-bg-hover: #d9f1e2;
  --basis-color-positive-bg-active: #ceedd9;
  --basis-color-positive-border-subtle: #8ad3a6;
  --basis-color-positive-border-default: #009b3a;
  --basis-color-positive-border-hover: #009036;
  --basis-color-positive-border-active: #008432;
  --basis-color-positive-color-subtle: #00732b;
  --basis-color-positive-color-default: #1d724a;
  --basis-color-positive-color-hover: #005821;
  --basis-color-positive-color-active: #00481b;
  --basis-color-positive-color-document: #00210c;
  --basis-color-positive-inverse-bg-document: #002b10;
  --basis-color-positive-inverse-bg-subtle: #00210c;
  --basis-color-positive-inverse-bg-default: #006827;
  --basis-color-positive-inverse-bg-hover: #005821;
  --basis-color-positive-inverse-bg-active: #00481b;
  --basis-color-positive-inverse-border-subtle: #00531f;
  --basis-color-positive-inverse-border-default: #96d8ae;
  --basis-color-positive-inverse-border-hover: #ace0c0;
  --basis-color-positive-inverse-border-active: #c3e9d1;
  --basis-color-positive-inverse-color-subtle: #8ad3a6;
  --basis-color-positive-inverse-color-default: #ffffff;
  --basis-color-positive-inverse-color-hover: #ffffff;
  --basis-color-positive-inverse-color-active: #ffffff;
  --basis-color-positive-inverse-color-document: #ffffff;
  --basis-color-warning-bg-document: #fffcf8;
  --basis-color-warning-bg-subtle: #fff5eb;
  --basis-color-warning-bg-default: #ffeedd;
  --basis-color-warning-bg-hover: #ffe7d0;
  --basis-color-warning-bg-active: #ffe0c2;
  --basis-color-warning-border-subtle: #ffb46b;
  --basis-color-warning-border-default: #c8700e;
  --basis-color-warning-border-hover: #b86810;
  --basis-color-warning-border-active: #a96011;
  --basis-color-warning-color-subtle: #935412;
  --basis-color-warning-color-default: #844c12;
  --basis-color-warning-color-hover: #6f4012;
  --basis-color-warning-color-active: #5a3511;
  --basis-color-warning-color-document: #27190a;
  --basis-color-warning-inverse-bg-document: #331f0d;
  --basis-color-warning-inverse-bg-subtle: #27190a;
  --basis-color-warning-inverse-bg-default: #844c12;
  --basis-color-warning-inverse-bg-hover: #6f4012;
  --basis-color-warning-inverse-bg-active: #5a3511;
  --basis-color-warning-inverse-border-subtle: #683c12;
  --basis-color-warning-inverse-border-default: #ffbc7a;
  --basis-color-warning-inverse-border-hover: #ffcb98;
  --basis-color-warning-inverse-border-active: #ffd9b4;
  --basis-color-warning-inverse-color-subtle: #ffb46b;
  --basis-color-warning-inverse-color-default: #ffffff;
  --basis-color-warning-inverse-color-hover: #ffffff;
  --basis-color-warning-inverse-color-active: #ffffff;
  --basis-color-warning-inverse-color-document: #ffffff;
  --basis-color-transparent: #00000000;
  --basis-form-control-border-radius: 0px;
  --basis-form-control-max-inline-size: 25rem;
  --basis-heading-font-family: "Jost","Arial","Helvetica","sans-serif";
  --basis-heading-color: #ffffff;
  --basis-heading-font-weight: 700;
  --basis-text-font-family-default: "Arial","Helvetica","sans-serif";
  --basis-text-font-family-monospace: "IBM Plex Mono",monospace;
  --basis-text-font-size-sm: .875rem;
  --basis-text-font-size-md: 1.125rem;
  --basis-text-font-size-lg: 1.4375rem;
  --basis-text-font-size-xl: 1.6875rem;
  --basis-text-font-size-2xl: 1.875rem;
  --basis-text-font-size-3xl: 2rem;
  --basis-text-font-size-4xl: 2.5rem;
  --basis-text-font-weight-default: 400;
  --basis-text-font-weight-bold: 700;
  --basis-text-line-height-sm: 1.5;
  --basis-text-line-height-md: 1.5;
  --basis-text-line-height-lg: 1.25;
  --basis-text-line-height-xl: 1.25;
  --basis-text-line-height-2xl: 1.25;
  --basis-text-line-height-3xl: 1.25;
  --basis-text-line-height-4xl: 1.25;
  --basis-space-inline-2xs: 1px;
  --basis-space-inline-xs: 2px;
  --basis-space-inline-sm: 4px;
  --basis-space-inline-md: 8px;
  --basis-space-inline-lg: 12px;
  --basis-space-inline-xl: 16px;
  --basis-space-inline-2xl: 20px;
  --basis-space-inline-3xl: 24px;
  --basis-space-inline-4xl: 32px;
  --basis-space-inline-5xl: 48px;
  --basis-space-inline-6xl: 64px;
  --basis-space-inline-min-2xs: 1px;
  --basis-space-inline-min-xs: 2px;
  --basis-space-inline-min-sm: 4px;
  --basis-space-inline-min-md: 8px;
  --basis-space-inline-min-lg: 12px;
  --basis-space-inline-min-xl: 16px;
  --basis-space-inline-min-2xl: 20px;
  --basis-space-inline-min-3xl: 24px;
  --basis-space-inline-min-4xl: 32px;
  --basis-space-inline-min-5xl: 48px;
  --basis-space-inline-min-6xl: 64px;
  --basis-space-inline-max-2xs: 2px;
  --basis-space-inline-max-xs: 4px;
  --basis-space-inline-max-sm: 8px;
  --basis-space-inline-max-md: 16px;
  --basis-space-inline-max-lg: 24px;
  --basis-space-inline-max-xl: 32px;
  --basis-space-inline-max-2xl: 40px;
  --basis-space-inline-max-3xl: 48px;
  --basis-space-inline-max-4xl: 64px;
  --basis-space-inline-max-5xl: 96px;
  --basis-space-inline-max-6xl: 128px;
  --basis-space-block-2xs: 1px;
  --basis-space-block-xs: 2px;
  --basis-space-block-sm: 4px;
  --basis-space-block-md: 8px;
  --basis-space-block-lg: 12px;
  --basis-space-block-xl: 16px;
  --basis-space-block-2xl: 20px;
  --basis-space-block-3xl: 24px;
  --basis-space-block-4xl: 32px;
  --basis-space-block-5xl: 48px;
  --basis-space-block-6xl: 64px;
  --basis-space-block-min-2xs: 1px;
  --basis-space-block-min-xs: 2px;
  --basis-space-block-min-sm: 4px;
  --basis-space-block-min-md: 8px;
  --basis-space-block-min-lg: 12px;
  --basis-space-block-min-xl: 16px;
  --basis-space-block-min-2xl: 20px;
  --basis-space-block-min-3xl: 24px;
  --basis-space-block-min-4xl: 32px;
  --basis-space-block-min-5xl: 48px;
  --basis-space-block-min-6xl: 64px;
  --basis-space-block-max-2xs: 2px;
  --basis-space-block-max-xs: 4px;
  --basis-space-block-max-sm: 8px;
  --basis-space-block-max-md: 16px;
  --basis-space-block-max-lg: 24px;
  --basis-space-block-max-xl: 32px;
  --basis-space-block-max-2xl: 40px;
  --basis-space-block-max-3xl: 48px;
  --basis-space-block-max-4xl: 64px;
  --basis-space-block-max-5xl: 96px;
  --basis-space-block-max-6xl: 128px;
  --basis-space-text-3xs: 1px; /** 0.125ch */
  --basis-space-text-2xs: 2px; /** 0.25ch */
  --basis-space-text-xs: 4px; /** 0.5ch */
  --basis-space-text-sm: 6px; /** 0.75ch */
  --basis-space-text-md: 8px; /** 1ch */
  --basis-space-text-lg: 12px; /** 1.5ch */
  --basis-space-text-xl: 14px; /** 1.75ch */
  --basis-space-text-2xl: 16px; /** 2ch */
  --basis-space-text-3xl: 24px; /** 3ch */
  --basis-space-column-2xs: 1px;
  --basis-space-column-xs: 2px;
  --basis-space-column-sm: 4px;
  --basis-space-column-md: 8px;
  --basis-space-column-lg: 12px;
  --basis-space-column-xl: 16px;
  --basis-space-column-2xl: 20px;
  --basis-space-column-3xl: 24px;
  --basis-space-column-4xl: 32px;
  --basis-space-column-5xl: 64px;
  --basis-space-column-6xl: 160px;
  --basis-space-column-min-2xs: 1px;
  --basis-space-column-min-xs: 2px;
  --basis-space-column-min-sm: 4px;
  --basis-space-column-min-md: 8px;
  --basis-space-column-min-lg: 12px;
  --basis-space-column-min-xl: 16px;
  --basis-space-column-min-2xl: 20px;
  --basis-space-column-min-3xl: 24px;
  --basis-space-column-min-4xl: 32px;
  --basis-space-column-min-5xl: 64px;
  --basis-space-column-min-6xl: 160px;
  --basis-space-column-max-2xs: 1px;
  --basis-space-column-max-xs: 2px;
  --basis-space-column-max-sm: 4px;
  --basis-space-column-max-md: 8px;
  --basis-space-column-max-lg: 12px;
  --basis-space-column-max-xl: 16px;
  --basis-space-column-max-2xl: 20px;
  --basis-space-column-max-3xl: 24px;
  --basis-space-column-max-4xl: 32px;
  --basis-space-column-max-5xl: 64px;
  --basis-space-column-max-6xl: 160px;
  --basis-space-row-2xs: 1px;
  --basis-space-row-xs: 2px;
  --basis-space-row-sm: 4px;
  --basis-space-row-md: 8px;
  --basis-space-row-lg: 12px;
  --basis-space-row-xl: 16px;
  --basis-space-row-2xl: 20px;
  --basis-space-row-3xl: 24px;
  --basis-space-row-4xl: 32px;
  --basis-space-row-5xl: 64px;
  --basis-space-row-6xl: 160px;
  --basis-space-row-min-2xs: 1px;
  --basis-space-row-min-xs: 2px;
  --basis-space-row-min-sm: 4px;
  --basis-space-row-min-md: 8px;
  --basis-space-row-min-lg: 12px;
  --basis-space-row-min-xl: 16px;
  --basis-space-row-min-2xl: 20px;
  --basis-space-row-min-3xl: 24px;
  --basis-space-row-min-4xl: 32px;
  --basis-space-row-min-5xl: 64px;
  --basis-space-row-min-6xl: 160px;
  --basis-space-row-max-2xs: 1px;
  --basis-space-row-max-xs: 2px;
  --basis-space-row-max-sm: 4px;
  --basis-space-row-max-md: 8px;
  --basis-space-row-max-lg: 12px;
  --basis-space-row-max-xl: 16px;
  --basis-space-row-max-2xl: 20px;
  --basis-space-row-max-3xl: 24px;
  --basis-space-row-max-4xl: 32px;
  --basis-space-row-max-5xl: 64px;
  --basis-space-row-max-6xl: 160px;
  --basis-size-5xs: 2px;
  --basis-size-4xs: 4px;
  --basis-size-3xs: 8px;
  --basis-size-2xs: 16px;
  --basis-size-xs: 24px;
  --basis-size-sm: 32px;
  --basis-size-md: 48px;
  --basis-size-lg: 64px;
  --basis-size-xl: 96px;
  --basis-size-2xl: 160px;
  --basis-size-icon-sm: 1.25rem;
  --basis-size-icon-md: 1.5rem;
  --basis-size-icon-lg: 1.5rem;
  --basis-size-icon-xl: 2rem;
  --basis-size-icon-2xl: 2rem;
  --basis-size-icon-3xl: 2.5rem;
  --basis-size-icon-4xl: 3rem;
  --basis-border-radius-sm: 0px;
  --basis-border-radius-md: 0px;
  --basis-border-radius-lg: 0px;
  --basis-border-radius-round: 999px;
  --basis-border-width-sm: 0.0625rem;
  --basis-border-width-md: 0.125rem;
  --basis-border-width-lg: 0.25rem;
  --basis-box-shadow-sm: 0 2px 6px 0 #595959;
  --basis-box-shadow-md: 0 8px 16px 0 #595959;
  --basis-box-shadow-lg: 0 16px 48px 0 #595959;
  --basis-action-activate-cursor: pointer;
  --basis-action-submit-cursor: pointer;
  --basis-focus-color: #ffffff;
  --basis-focus-outline-color: #e96d1b;
  --basis-focus-inverse-outline-color: #ffffff;
  --basis-focus-outline-offset: 0px;
  --basis-focus-outline-style: dashed;
  --basis-focus-outline-width: 2px;
  --basis-page-max-inline-size: 1140px;
  --basis-pointer-target-min-block-size: 3rem;
  --basis-pointer-target-min-inline-size: 3rem;
  --utrecht-accordion-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-margin-block-start: 0px; /** [code-only] */
  --utrecht-accordion-row-gap: 0px;
  --utrecht-accordion-button-border-radius: 0px;
  --utrecht-accordion-section-border-width: 0;
  --utrecht-accordion-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-action-group-padding-block-end: 0px;
  --utrecht-action-group-padding-block-start: 0px;
  --utrecht-action-group-margin-block-end: 0px; /** [code-only] */
  --utrecht-action-group-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-border-radius: 0px;
  --utrecht-alert-margin-block-end: 0px; /** [code-only] */
  --utrecht-alert-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-icon-inset-block-start: 0px;
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-z-index: auto; /** [code-only] */
  --utrecht-backdrop-fade-in-animation-duration: 0.4s; /** [code-only] */
  --utrecht-backdrop-reduced-transparency-opacity: 0.98; /** [code-only] */
  --utrecht-checkbox-border-radius: 0px;
  --utrecht-form-field-margin-block-end: 0px; /** [code-only] */
  --utrecht-form-field-margin-block-start: 0px; /** [code-only] */
  --utrecht-form-field-description-margin-block-start: 0px;
  --utrecht-form-field-error-message-margin-block-start: 0px;
  --utrecht-form-field-error-message-padding-block-end: 0px;
  --utrecht-form-field-error-message-padding-block-start: 0px;
  --utrecht-form-field-error-message-padding-inline-end: 0px;
  --utrecht-form-field-error-message-padding-inline-start: 0px;
  --utrecht-heading-1-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-1-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-start: 0px; /** [code-only] */
  --utrecht-icon-inset-block-start: 0px;
  --utrecht-icon-baseline-inset-block-start: 0px; /** [code-only] */
  --utrecht-link-text-decoration: none;
  --utrecht-link-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-text-underline-offset: auto; /** [code-only] */
  --utrecht-link-focus-visible-text-decoration: None;
  --utrecht-link-focus-visible-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-hover-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-list-margin-block-end: 0px; /** [code-only] */
  --utrecht-link-list-margin-block-start: 0px; /** [code-only] */
  --utrecht-link-list-icon-inset-block-start: 0px;
  --utrecht-link-list-link-text-decoration: None;
  --utrecht-spotlight-section-border-width: 0px;
  --utrecht-spotlight-section-border-radius: 0px;
  --utrecht-spotlight-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-spotlight-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-pre-heading-margin-block-end: 0px; /** [code-only] */
  --utrecht-pre-heading-margin-block-start: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-end: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-start: 0px; /** [code-only] */
  --utrecht-textarea-max-inline-size: 100%;
  --utrecht-page-footer-padding-inline: 0px;
  --utrecht-article-max-inline-size: 750px;
  --utrecht-listbox-padding-block-end: 0px;
  --utrecht-listbox-padding-block-start: 0px;
  --utrecht-listbox-padding-inline-end: 0px;
  --utrecht-listbox-padding-inline-start: 0px;
  --nl-button-focus-color: #ffffff;
  --nl-button-default-hover-color: #ffffff;
  --nl-button-secondary-color: #ffffff;
  --nl-button-secondary-hover-color: #ffffff;
  --nl-button-subtle-border-width: 0px;
  --signalen-progress-bar-block-size: 0.5rem;
  --signalen-progress-bar-border-radius: 0px;
  --basis-color-accent-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-2-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-3-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-3-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-3-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-3-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-3-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-3-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-3-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-3-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-3-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-3-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-3-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-3-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-3-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-3-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-3-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-3-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-3-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-3-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-3-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-3-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-3-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-3-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-3-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-3-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-3-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-3-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-3-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-1-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-1-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-1-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-1-bg-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-1-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-1-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-1-border-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-1-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-1-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-1-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-1-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-1-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-1-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-1-inverse-bg-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-bg-active: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-1-inverse-border-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-border-active: var(--basis-color-action-1-color-hover);
  --basis-color-action-1-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-1-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-hover: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-active: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-2-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-2-color-hover: var(--basis-color-action-1-color-hover);
  --basis-color-action-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-default-color-default: var(--basis-color-default-bg-subtle);
  --basis-color-disabled-bg-default: var(--basis-color-default-bg-default);
  --basis-color-disabled-border-subtle: var(--basis-color-default-border-subtle);
  --basis-color-disabled-color-subtle: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-disabled-color-hover: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-active: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-document: var(--basis-color-default-color-subtle);
  --basis-color-disabled-inverse-bg-default: var(--basis-color-default-inverse-bg-default);
  --basis-color-disabled-inverse-border-subtle: var(--basis-color-default-inverse-border-subtle);
  --basis-color-disabled-inverse-color-subtle: var(--basis-color-default-inverse-color-subtle);
  --basis-color-info-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-negative-color-default: var(--basis-color-action-1-color-hover);
  --basis-color-selected-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-selected-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-selected-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-selected-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-selected-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-selected-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-selected-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-selected-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-selected-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-selected-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-selected-color-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-selected-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-selected-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-selected-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-selected-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-selected-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-selected-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-selected-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-selected-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-selected-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-selected-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-selected-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-selected-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-selected-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-selected-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-selected-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-form-control-font-family: var(--basis-text-font-family-default);
  --basis-form-control-font-size: var(--basis-text-font-size-md);
  --basis-form-control-font-weight: var(--basis-text-font-weight-default);
  --basis-form-control-line-height: var(--basis-text-line-height-md);
  --basis-form-control-accent-color: var(--basis-color-accent-1-color-default);
  --basis-form-control-background-color: var(--basis-color-default-bg-document);
  --basis-form-control-border-color: var(--basis-color-default-border-default);
  --basis-form-control-color: var(--basis-color-default-color-document);
  --basis-form-control-active-background-color: var(--basis-color-default-bg-active);
  --basis-form-control-active-border-color: var(--basis-color-default-border-active);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-form-control-focus-border-color: var(--basis-color-default-border-active);
  --basis-form-control-focus-border-width: var(--basis-border-width-md);
  --basis-form-control-hover-accent-color: var(--basis-color-action-1-color-hover);
  --basis-form-control-hover-background-color: var(--basis-color-default-bg-hover);
  --basis-form-control-hover-border-color: var(--basis-color-default-border-hover);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-background-color: var(--basis-color-negative-bg-default);
  --basis-form-control-invalid-border-color: var(--basis-color-negative-border-default);
  --basis-form-control-invalid-border-width: var(--basis-border-width-md);
  --basis-form-control-placeholder-color: var(--basis-color-default-color-subtle);
  --basis-form-control-read-only-background-color: var(--basis-color-default-bg-subtle);
  --basis-form-control-read-only-border-color: var(--basis-color-transparent);
  --basis-form-control-read-only-color: var(--basis-color-default-color-document);
  --basis-form-control-border-width: var(--basis-border-width-sm);
  --basis-form-control-padding-block-end: var(--basis-space-block-lg);
  --basis-form-control-padding-block-start: var(--basis-space-block-lg);
  --basis-form-control-padding-inline-end: var(--basis-space-inline-lg);
  --basis-form-control-padding-inline-start: var(--basis-space-inline-lg);
  --basis-focus-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --utrecht-accordion-button-background-color: var(--basis-color-default-bg-document);
  --utrecht-accordion-button-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-color: var(--basis-heading-color);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-button-icon-size: var(--basis-size-icon-md);
  --utrecht-accordion-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-accordion-button-active-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-focus-visible-color: var(--basis-focus-color);
  --utrecht-accordion-button-hover-background-color: var(--basis-color-default-bg-document);
  --utrecht-accordion-button-hover-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-section-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-section-hover-border-color: var(--basis-color-default-border-subtle);
  --utrecht-action-group-background-color: var(--basis-color-transparent);
  --utrecht-action-group-column-gap: var(--basis-space-column-md);
  --utrecht-action-group-row-gap: var(--basis-space-row-md);
  --utrecht-alert-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-color: var(--basis-color-info-color-document);
  --utrecht-alert-column-gap: var(--basis-space-column-md);
  --utrecht-alert-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-alert-padding-block-start: var(--basis-space-block-xl);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-alert-content-row-gap: var(--basis-space-row-xl);
  --utrecht-alert-icon-size: var(--basis-size-icon-xl);
  --utrecht-alert-icon-ok-color: var(--basis-color-positive-color-default);
  --utrecht-alert-icon-warning-color: var(--basis-color-warning-color-default);
  --utrecht-alert-message-row-gap: var(--basis-space-row-md);
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-info-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-info-color: var(--basis-color-info-color-document);
  --utrecht-alert-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-alert-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-alert-error-color: var(--basis-color-negative-color-document);
  --utrecht-alert-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-alert-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-alert-ok-color: var(--basis-color-positive-color-document);
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-alert-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-alert-warning-color: var(--basis-color-warning-color-document);
  --utrecht-backdrop-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-backdrop-color: var(--basis-color-default-inverse-color-document);
  --utrecht-button-background-color: var(--basis-color-transparent);
  --utrecht-button-border-color: var(--basis-color-default-border-default);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-border-width: var(--basis-border-width-sm);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-font-family: var(--basis-text-font-family-default);
  --utrecht-button-font-size: var(--basis-text-font-size-md);
  --utrecht-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-line-height: var(--basis-text-line-height-md);
  --utrecht-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-button-icon-size: var(--basis-size-icon-md);
  --utrecht-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-active-border-color: var(--basis-color-default-border-active);
  --utrecht-button-active-color: var(--basis-color-default-color-active);
  --utrecht-button-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-button-hover-border-color: var(--basis-color-default-border-hover);
  --utrecht-button-hover-color: var(--basis-color-default-color-hover);
  --utrecht-button-pressed-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-pressed-border-color: var(--basis-color-default-border-active);
  --utrecht-button-pressed-color: var(--basis-color-default-color-active);
  --utrecht-button-primary-action-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-primary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-primary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-primary-action-active-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-primary-action-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-background-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-color: var(--basis-color-action-1-color-default);
  --utrecht-button-secondary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-secondary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-secondary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-secondary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-color: var(--basis-color-action-1-color-default);
  --utrecht-button-subtle-font-size: var(--basis-text-font-size-md);
  --utrecht-button-subtle-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-subtle-line-height: var(--basis-text-line-height-md);
  --utrecht-button-subtle-active-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-icon-size: var(--basis-size-icon-md);
  --utrecht-checkbox-checked-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-checked-color: var(--basis-color-default-bg-document);
  --utrecht-checkbox-indeterminate-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-default-bg-document);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-field-description-color: var(--basis-color-default-color-subtle);
  --utrecht-form-field-description-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-description-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-description-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-description-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-error-message-background-color: var(--basis-color-transparent);
  --utrecht-form-field-error-message-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-error-message-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-field-error-message-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-error-message-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-label-color: var(--basis-color-default-color-document);
  --utrecht-form-label-font-size: var(--basis-text-font-size-md);
  --utrecht-form-label-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-label-checkbox-color: var(--basis-color-default-color-document);
  --utrecht-form-label-checkbox-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checked-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-radio-color: var(--basis-color-default-color-document);
  --utrecht-form-label-radio-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-margin-block-end: var(--basis-space-block-lg);
  --utrecht-heading-1-color: var(--basis-heading-color);
  --utrecht-heading-1-font-family: var(--basis-heading-font-family);
  --utrecht-heading-1-font-size: var(--basis-text-font-size-3xl);
  --utrecht-heading-1-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-1-line-height: var(--basis-text-line-height-3xl);
  --utrecht-heading-2-color: var(--basis-heading-color);
  --utrecht-heading-2-font-family: var(--basis-heading-font-family);
  --utrecht-heading-2-font-size: var(--basis-text-font-size-2xl);
  --utrecht-heading-2-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-2-line-height: var(--basis-text-line-height-2xl);
  --utrecht-heading-3-color: var(--basis-heading-color);
  --utrecht-heading-3-font-family: var(--basis-heading-font-family);
  --utrecht-heading-3-font-size: var(--basis-text-font-size-xl);
  --utrecht-heading-3-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-3-line-height: var(--basis-text-line-height-xl);
  --utrecht-heading-4-color: var(--basis-heading-color);
  --utrecht-heading-4-font-family: var(--basis-heading-font-family);
  --utrecht-heading-4-font-size: var(--basis-text-font-size-lg);
  --utrecht-heading-4-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-4-line-height: var(--basis-text-line-height-lg);
  --utrecht-heading-5-color: var(--basis-heading-color);
  --utrecht-heading-5-font-family: var(--basis-heading-font-family);
  --utrecht-heading-5-font-size: var(--basis-text-font-size-md);
  --utrecht-heading-5-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-5-line-height: var(--basis-text-line-height-md);
  --utrecht-heading-6-color: var(--basis-heading-color);
  --utrecht-heading-6-font-family: var(--basis-heading-font-family);
  --utrecht-heading-6-font-size: var(--basis-text-font-size-sm);
  --utrecht-heading-6-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-6-line-height: var(--basis-text-line-height-sm);
  --utrecht-icon-size: var(--basis-size-icon-md);
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-icon-size: var(--basis-size-icon-md);
  --utrecht-link-focus-color: var(--basis-focus-color);
  --utrecht-link-list-row-gap: var(--basis-space-row-md);
  --utrecht-link-list-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-list-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-nav-bar-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-content-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-nav-bar-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-spotlight-section-border-color: var(--basis-color-default-border-default);
  --utrecht-spotlight-section-color: var(--basis-color-default-color-document);
  --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-xl);
  --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-info-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-spotlight-section-info-border-color: var(--basis-color-info-border-default);
  --utrecht-spotlight-section-info-color: var(--basis-color-info-color-document);
  --utrecht-spotlight-section-error-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-spotlight-section-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-spotlight-section-error-color: var(--basis-color-negative-color-document);
  --utrecht-spotlight-section-ok-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-spotlight-section-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-spotlight-section-ok-color: var(--basis-color-positive-color-document);
  --utrecht-spotlight-section-ok-icon-color: var(--basis-color-positive-color-default);
  --utrecht-spotlight-section-warning-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-spotlight-section-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-spotlight-section-warning-color: var(--basis-color-warning-color-document);
  --utrecht-spotlight-section-warning-icon-color: var(--basis-color-warning-color-default);
  --utrecht-paragraph-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-font-family: var(--basis-text-font-family-default);
  --utrecht-paragraph-font-size: var(--basis-text-font-size-md);
  --utrecht-paragraph-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-line-height: var(--basis-text-line-height-md);
  --utrecht-paragraph-lead-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --utrecht-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --utrecht-paragraph-small-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-small-font-size: var(--basis-text-font-size-sm);
  --utrecht-paragraph-small-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-small-line-height: var(--basis-text-line-height-sm);
  --utrecht-pre-heading-color: var(--basis-color-default-color-document);
  --utrecht-pre-heading-font-family: var(--basis-text-font-family-default);
  --utrecht-pre-heading-font-size: var(--basis-text-font-size-sm);
  --utrecht-pre-heading-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-pre-heading-line-height: var(--basis-text-line-height-md);
  --utrecht-radio-button-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-radio-button-size: var(--basis-size-xs);
  --utrecht-radio-button-icon-size: var(--basis-size-3xs);
  --utrecht-radio-button-checked-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-active-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-active-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-default-bg-document);
  --utrecht-select-border-radius: var(--basis-form-control-border-radius);
  --utrecht-select-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-select-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textarea-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textarea-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textbox-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textbox-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-unordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-unordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-unordered-list-marker-color: var(--basis-color-default-color-document);
  --utrecht-root-background-color: var(--basis-color-default-bg-document);
  --utrecht-root-color: var(--basis-color-default-color-document);
  --utrecht-root-font-family: var(--basis-text-font-family-default);
  --utrecht-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-body-color: var(--basis-color-default-color-document);
  --utrecht-body-font-size: var(--basis-text-font-size-md);
  --utrecht-body-font-weight: var(--basis-text-font-weight-default);
  --utrecht-body-line-height: var(--basis-text-line-height-md);
  --utrecht-page-header-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-header-color: var(--basis-color-default-color-document);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-inline-min-xl);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-inline-min-xl);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-min-xl);
  --utrecht-page-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-body-color: var(--basis-color-default-color-document);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-footer-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --utrecht-page-footer-color: var(--basis-color-accent-1-inverse-color-default);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-listbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-sm);
  --nl-button-border-radius: var(--basis-border-radius-md);
  --nl-button-column-gap: var(--basis-space-text-xs);
  --nl-button-font-family: var(--basis-text-font-family-default);
  --nl-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-button-padding-block-end: var(--basis-space-block-xl);
  --nl-button-padding-block-start: var(--basis-space-block-xl);
  --nl-button-padding-inline-end: var(--basis-space-inline-3xl);
  --nl-button-padding-inline-start: var(--basis-space-inline-3xl);
  --nl-button-focus-background-color: var(--basis-focus-outline-color);
  --nl-button-focus-border-color: var(--basis-focus-outline-color);
  --nl-button-icon-size: var(--basis-size-icon-md);
  --nl-button-icon-only-padding-block-end: var(--basis-space-block-md);
  --nl-button-icon-only-padding-block-start: var(--basis-space-block-md);
  --nl-button-icon-only-padding-inline-end: var(--basis-space-inline-md);
  --nl-button-icon-only-padding-inline-start: var(--basis-space-inline-md);
  --nl-button-default-background-color: var(--basis-color-default-bg-document);
  --nl-button-default-border-color: var(--basis-color-action-1-color-default);
  --nl-button-default-border-width: var(--basis-border-width-sm);
  --nl-button-default-color: var(--basis-color-action-1-color-default);
  --nl-button-default-font-size: var(--basis-text-font-size-md);
  --nl-button-default-font-weight: var(--basis-text-font-weight-bold);
  --nl-button-default-line-height: var(--basis-text-line-height-md);
  --nl-button-default-active-background-color: var(--basis-color-default-bg-active);
  --nl-button-default-active-border-color: var(--basis-color-default-border-active);
  --nl-button-default-active-color: var(--basis-color-default-color-active);
  --nl-button-default-hover-background-color: var(--basis-color-action-1-color-hover);
  --nl-button-default-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-default-pressed-background-color: var(--basis-color-default-inverse-bg-default);
  --nl-button-default-pressed-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-color: var(--basis-color-default-inverse-color-default);
  --nl-button-default-pressed-active-background-color: var(--basis-color-default-inverse-bg-active);
  --nl-button-default-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-active-color: var(--basis-color-default-inverse-color-active);
  --nl-button-default-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --nl-button-default-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-color: var(--basis-color-default-inverse-color-hover);
  --nl-button-primary-background-color: var(--basis-color-accent-1-color-default);
  --nl-button-primary-color: var(--basis-color-accent-1-inverse-color-default);
  --nl-button-primary-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-pressed-color: var(--basis-color-action-1-color-default);
  --nl-button-primary-pressed-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-primary-negative-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-primary-negative-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-primary-negative-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-primary-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-primary-negative-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-primary-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-primary-negative-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-negative-pressed-border-color: var(--basis-color-negative-border-default);
  --nl-button-primary-negative-pressed-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-primary-negative-pressed-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-primary-negative-pressed-active-color: var(--basis-color-negative-color-active);
  --nl-button-primary-negative-pressed-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-primary-negative-pressed-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-primary-negative-pressed-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-primary-positive-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-primary-positive-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-primary-positive-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-primary-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-primary-positive-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-primary-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-primary-positive-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-positive-pressed-border-color: var(--basis-color-positive-border-default);
  --nl-button-primary-positive-pressed-color: var(--basis-color-positive-color-default);
  --nl-button-primary-positive-pressed-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-primary-positive-pressed-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-primary-positive-pressed-active-color: var(--basis-color-positive-color-active);
  --nl-button-primary-positive-pressed-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-primary-positive-pressed-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-primary-positive-pressed-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --nl-button-secondary-border-color: var(--basis-color-accent-1-inverse-bg-default);
  --nl-button-secondary-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-secondary-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-background-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-border-color: var(--basis-color-negative-border-default);
  --nl-button-secondary-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-secondary-negative-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-secondary-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-secondary-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-secondary-negative-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-secondary-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-secondary-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-secondary-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-secondary-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-secondary-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-secondary-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-secondary-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-secondary-positive-background-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-border-color: var(--basis-color-positive-border-default);
  --nl-button-secondary-positive-color: var(--basis-color-positive-color-default);
  --nl-button-secondary-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-secondary-positive-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-secondary-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-secondary-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-secondary-positive-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-secondary-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-secondary-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-secondary-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-secondary-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-secondary-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-secondary-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-subtle-background-color: var(--basis-color-default-bg-subtle);
  --nl-button-subtle-border-color: var(--basis-color-action-1-color-default);
  --nl-button-subtle-color: var(--basis-color-action-1-color-default);
  --nl-button-subtle-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-hover-background-color: var(--basis-color-default-bg-subtle);
  --nl-button-subtle-hover-border-color: var(--basis-color-action-1-color-hover);
  --nl-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-background-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-subtle-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-subtle-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-subtle-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-subtle-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-subtle-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-subtle-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-subtle-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-subtle-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-subtle-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-subtle-positive-background-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-color: var(--basis-color-positive-color-default);
  --nl-button-subtle-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-subtle-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-subtle-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-subtle-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-subtle-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-subtle-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-subtle-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-subtle-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-subtle-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-subtle-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --signalen-progress-bar-background-color: var(--basis-color-default-bg-document);
  --signalen-progress-bar-color: var(--basis-color-action-1-color-default);
  --signalen-progress-bar-complete-background-color: var(--basis-color-action-1-color-default);
  --basis-color-action-1-inverse-border-default: var(--basis-color-action-1-inverse-bg-default);
  --basis-color-disabled-bg-document: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-subtle: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-hover: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-active: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-border-default: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-hover: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-active: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-inverse-bg-document: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-subtle: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-hover: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-active: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-border-default: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-hover: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-active: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-color-default: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-hover: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-active: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-document: var(--basis-color-disabled-inverse-color-subtle);
  --basis-form-control-active-accent-color: var(--basis-color-action-1-color-active);
  --basis-form-control-active-color: var(--basis-form-control-color);
  --basis-form-control-disabled-accent-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --basis-form-control-disabled-color: var(--basis-color-disabled-color-subtle);
  --basis-form-control-focus-background-color: var(--basis-form-control-background-color);
  --basis-form-control-focus-color: var(--basis-form-control-color);
  --basis-form-control-hover-color: var(--basis-form-control-color);
  --basis-form-control-invalid-color: var(--basis-color-negative-color-default);
  --utrecht-accordion-button-active-color: var(--basis-color-action-2-color-active);
  --utrecht-accordion-button-focus-visible-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-hover-color: var(--basis-color-action-2-color-default);
  --utrecht-alert-icon-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-info-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-error-color: var(--basis-color-negative-color-default);
  --utrecht-button-color: var(--basis-color-default-color-default);
  --utrecht-button-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-button-primary-action-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-button-primary-action-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-primary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --utrecht-button-primary-action-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-button-primary-action-pressed-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-pressed-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-secondary-action-border-color: var(--basis-color-action-1-border-default);
  --utrecht-button-secondary-action-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-active-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-secondary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-secondary-action-hover-border-color: var(--basis-color-action-1-border-hover);
  --utrecht-button-secondary-action-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-pressed-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-subtle-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-checkbox-background-color: var(--basis-form-control-background-color);
  --utrecht-checkbox-border-color: var(--basis-form-control-border-color);
  --utrecht-checkbox-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-checkbox-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-checkbox-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-checkbox-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-checkbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-checkbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-checkbox-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-checkbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-indeterminate-border-width: var(--basis-form-control-border-width);
  --utrecht-form-field-error-message-color: var(--basis-color-negative-color-default);
  --utrecht-form-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-link-color: var(--basis-color-action-2-color-default);
  --utrecht-link-text-decoration-color: var(--basis-color-action-2-color-hover); /** [code-only] */
  --utrecht-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-link-visited-color: var(--basis-color-action-2-color-default);
  --utrecht-spotlight-section-info-icon-color: var(--basis-color-info-color-default);
  --utrecht-spotlight-section-error-icon-color: var(--basis-color-negative-color-default);
  --utrecht-radio-button-background-color: var(--basis-form-control-background-color);
  --utrecht-radio-button-border-color: var(--basis-form-control-border-color);
  --utrecht-radio-button-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-radio-button-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-radio-button-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-radio-button-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-radio-button-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-radio-button-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-radio-button-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-checked-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-checked-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-select-background-color: var(--basis-form-control-background-color);
  --utrecht-select-border-color: var(--basis-form-control-border-color);
  --utrecht-select-border-width: var(--basis-form-control-border-width);
  --utrecht-select-color: var(--basis-form-control-color);
  --utrecht-select-font-family: var(--basis-form-control-font-family);
  --utrecht-select-font-size: var(--basis-form-control-font-size);
  --utrecht-select-font-weight: var(--basis-form-control-font-weight);
  --utrecht-select-line-height: var(--basis-form-control-line-height);
  --utrecht-select-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-select-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-select-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-select-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-select-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-select-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-select-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-textarea-background-color: var(--basis-form-control-background-color);
  --utrecht-textarea-border-color: var(--basis-form-control-border-color);
  --utrecht-textarea-border-width: var(--basis-form-control-border-width);
  --utrecht-textarea-color: var(--basis-form-control-color);
  --utrecht-textarea-font-family: var(--basis-form-control-font-family);
  --utrecht-textarea-font-size: var(--basis-form-control-font-size);
  --utrecht-textarea-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textarea-line-height: var(--basis-form-control-line-height);
  --utrecht-textarea-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textarea-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textarea-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textarea-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textarea-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textarea-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textarea-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textarea-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textarea-invalid-color: var(--basis-form-control-color);
  --utrecht-textarea-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textarea-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textarea-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textbox-background-color: var(--basis-form-control-background-color);
  --utrecht-textbox-border-color: var(--basis-form-control-border-color);
  --utrecht-textbox-border-width: var(--basis-form-control-border-width);
  --utrecht-textbox-color: var(--basis-form-control-color);
  --utrecht-textbox-font-family: var(--basis-form-control-font-family);
  --utrecht-textbox-font-size: var(--basis-form-control-font-size);
  --utrecht-textbox-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textbox-line-height: var(--basis-form-control-line-height);
  --utrecht-textbox-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textbox-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textbox-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textbox-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textbox-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textbox-invalid-color: var(--basis-form-control-color);
  --utrecht-textbox-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textbox-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textbox-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-listbox-background-color: var(--basis-form-control-background-color);
  --utrecht-listbox-border-color: var(--basis-form-control-border-color);
  --utrecht-listbox-border-width: var(--basis-form-control-border-width);
  --utrecht-listbox-color: var(--basis-form-control-color);
  --utrecht-listbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-listbox-option-is-active-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-is-active-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-active-background-color: var(--basis-color-selected-inverse-bg-active);
  --utrecht-listbox-option-active-color: var(--basis-color-selected-inverse-color-active);
  --utrecht-listbox-option-selected-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-selected-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-selected-hover-background-color: var(--basis-color-selected-inverse-bg-hover);
  --utrecht-listbox-option-selected-hover-color: var(--basis-color-selected-inverse-color-hover);
  --nl-button-default-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-default-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-default-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-default-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-default-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-primary-border-color: var(--basis-color-action-2-color-default);
  --nl-button-primary-border-width: var(--nl-button-default-border-width);
  --nl-button-primary-font-size: var(--nl-button-default-font-size);
  --nl-button-primary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-primary-line-height: var(--nl-button-default-line-height);
  --nl-button-primary-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-primary-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-primary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-hover-background-color: var(--basis-color-action-2-color-hover);
  --nl-button-primary-hover-border-color: var(--basis-color-action-2-color-hover);
  --nl-button-primary-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-primary-pressed-border-color: var(--basis-color-action-1-border-default);
  --nl-button-primary-pressed-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-primary-pressed-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-primary-pressed-active-color: var(--basis-color-action-1-color-active);
  --nl-button-primary-pressed-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-pressed-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-pressed-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-pressed-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-primary-pressed-hover-border-color: var(--basis-color-action-1-border-hover);
  --nl-button-primary-negative-pressed-color: var(--basis-color-negative-color-default);
  --nl-button-secondary-border-width: var(--nl-button-default-border-width);
  --nl-button-secondary-font-size: var(--nl-button-default-font-size);
  --nl-button-secondary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-secondary-line-height: var(--nl-button-default-line-height);
  --nl-button-secondary-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-secondary-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-secondary-active-color: var(--basis-color-action-1-color-active);
  --nl-button-secondary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-secondary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-secondary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-secondary-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-secondary-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-secondary-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-secondary-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-secondary-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-secondary-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-secondary-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-secondary-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-secondary-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-secondary-negative-color: var(--basis-color-negative-color-default);
  --nl-button-subtle-font-size: var(--nl-button-default-font-size);
  --nl-button-subtle-font-weight: var(--nl-button-default-font-weight);
  --nl-button-subtle-line-height: var(--nl-button-default-line-height);
  --nl-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --nl-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-subtle-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-subtle-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-subtle-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-subtle-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-subtle-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-subtle-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-subtle-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-subtle-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-subtle-negative-color: var(--basis-color-negative-color-default);
  --utrecht-checkbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-checkbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-color: var(--utrecht-radio-button-border-color);
  --utrecht-radio-button-active-color: var(--utrecht-radio-button-active-border-color);
  --utrecht-radio-button-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-focus-color: var(--utrecht-radio-button-focus-border-color);
  --utrecht-radio-button-hover-color: var(--utrecht-radio-button-hover-border-color);
  --utrecht-radio-button-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-invalid-color: var(--utrecht-radio-button-invalid-border-color);
  --utrecht-radio-button-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-radio-button-checked-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-checked-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-select-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-select-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-select-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-select-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-hover-color: var(--basis-form-control-hover-color);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textarea-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textarea-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textarea-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textarea-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textbox-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textbox-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-listbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-listbox-option-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-disabled-color: var(--utrecht-radio-button-disabled-border-color);
}
}