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

.voorbeeld-theme {
  --lux-login-link-hover-color: var(--basis-color-action-2-color-hover);
  --lux-login-link-hover-border-color: var(--basis-color-default-border-hover);
  --lux-login-link-hover-background-color: var(--basis-color-default-bg-hover);
  --lux-login-link-active-color: var(--basis-color-action-2-color-active);
  --lux-login-link-active-border-color: var(--basis-color-default-border-active);
  --lux-login-link-active-background-color: var(--basis-color-default-bg-active);
  --lux-login-link-icon-size: var(--basis-size-icon-4xl);
  --lux-login-link-padding-inline-start: var(--basis-space-inline-md);
  --lux-login-link-padding-inline-end: var(--basis-space-inline-md);
  --lux-login-link-padding-block-start: var(--basis-space-block-md);
  --lux-login-link-padding-block-end: var(--basis-space-block-md);
  --lux-login-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --lux-login-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --lux-login-link-line-height: var(--basis-text-line-height-md);
  --lux-login-link-font-weight: var(--basis-text-font-weight-bold);
  --lux-login-link-font-size: var(--basis-text-font-size-md);
  --lux-login-link-font-family: var(--basis-text-font-family-default);
  --lux-login-link-column-gap: var(--basis-space-text-lg);
  --lux-login-link-color: var(--basis-color-action-2-color-default);
  --lux-login-link-border-width: var(--basis-border-width-sm);
  --lux-login-link-border-radius: var(--basis-border-radius-md);
  --lux-login-link-border-color: var(--basis-color-default-border-default);
  --lux-login-link-background-color: var(--basis-color-transparent);
  --ams-page-footer-spotlight-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --ams-page-footer-menu-link-hover-text-decoration-line: None;
  --ams-page-footer-menu-link-hover-color: var(--basis-color-action-1-color-hover);
  --ams-page-footer-menu-link-text-underline-offset: auto; /* [code-only] */
  --ams-page-footer-menu-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-page-footer-menu-link-text-decoration-line: underline;
  --ams-page-footer-menu-link-outline-offset: auto; /* [code-only] */
  --ams-page-footer-menu-link-line-height: var(--basis-text-line-height-md);
  --ams-page-footer-menu-link-font-weight: var(--basis-text-font-weight-default);
  --ams-page-footer-menu-link-font-size: var(--basis-text-font-size-md);
  --ams-page-footer-menu-link-font-family: var(--basis-text-font-family-default);
  --ams-page-footer-menu-link-color: var(--basis-color-action-1-color-default);
  --ams-page-footer-menu-wide-padding-inline: 96px;
  --ams-page-footer-menu-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-footer-menu-row-gap: var(--basis-space-row-md);
  --ams-page-footer-menu-padding-inline: var(--basis-space-inline-xl);
  --ams-page-footer-menu-padding-block: var(--basis-space-block-xl);
  --ams-page-footer-menu-column-gap: var(--basis-space-column-4xl);
  --ams-page-header-navigation-row-gap: var(--basis-space-row-xl);
  --ams-page-header-navigation-column-gap: var(--basis-space-column-4xl);
  --ams-page-header-menu-link-hover-text-decoration-line: underline;
  --ams-page-header-menu-link-text-underline-offset: auto; /* [code-only] */
  --ams-page-header-menu-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-page-header-menu-link-text-decoration-line: None;
  --ams-page-header-menu-item-hover-color: var(--basis-color-action-1-color-hover);
  --ams-page-header-menu-item-padding-block: var(--basis-space-block-lg);
  --ams-page-header-menu-item-outline-offset: auto; /* [code-only] */
  --ams-page-header-menu-item-line-height: var(--basis-text-line-height-md);
  --ams-page-header-menu-item-font-weight: var(--basis-text-font-weight-default);
  --ams-page-header-menu-item-font-size: var(--basis-text-font-size-md);
  --ams-page-header-menu-item-column-gap: var(--basis-space-text-xs);
  --ams-page-header-menu-item-color: var(--basis-color-action-1-color-default);
  --ams-page-header-menu-row-gap: var(--basis-space-row-3xl);
  --ams-page-header-menu-column-gap: var(--basis-space-column-3xl);
  --ams-page-header-mega-menu-button-label-open-font-weight: var(--basis-text-font-weight-bold);
  --ams-page-header-mega-menu-button-cursor: default; /* [code-only] */
  --ams-page-header-logo-link-outline-offset: auto; /* [code-only] */
  --ams-page-header-logo-link-column-gap: var(--basis-space-column-xl);
  --ams-page-header-brand-name-text-wrap: nowrap; /* [code-only] */
  --ams-page-header-brand-name-font-weight: var(--basis-heading-font-weight);
  --ams-page-header-brand-name-font-size: var(--basis-text-font-size-xl);
  --ams-page-header-brand-name-color: var(--basis-color-accent-1-color-document);
  --ams-page-header-wide-padding-inline: 96px;
  --ams-page-header-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-header-padding-inline: var(--basis-space-inline-xl);
  --ams-page-header-padding-block: var(--basis-space-block-3xl);
  --ams-page-header-font-family: var(--basis-text-font-family-default);
  --ams-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --ams-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --ams-heading-level-5-line-height: var(--basis-text-line-height-md);
  --ams-heading-level-5-font-size: var(--basis-text-font-size-md);
  --ams-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --ams-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --ams-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --ams-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --ams-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --ams-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --ams-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --ams-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --ams-heading-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-heading-font-weight: var(--basis-heading-font-weight);
  --ams-heading-font-family: var(--basis-heading-font-family);
  --ams-heading-color: var(--basis-heading-color);
  --denhaag-action-single-details-lg-gap: var(--basis-space-row-md);
  --denhaag-action-single-details-gap: var(--basis-space-row-md);
  --denhaag-action-single-hover-background-color: var(--basis-color-default-bg-hover);
  --denhaag-action-single-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-single-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-single-padding-block-start: var(--basis-space-block-lg);
  --denhaag-action-single-padding-block-end: var(--basis-space-block-lg);
  --denhaag-action-warning-icon-width: var(--basis-size-icon-md);
  --denhaag-action-warning-icon-color: var(--basis-color-negative-color-default);
  --denhaag-action-link-icon-width: var(--basis-size-icon-md);
  --denhaag-action-link-icon-color: var(--basis-color-action-2-color-default);
  --denhaag-action-details-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-details-gap: var(--basis-space-row-md);
  --denhaag-action-content-bold-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-date-warning-gap: var(--basis-space-row-md);
  --denhaag-action-date-warning-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-date-warning-color: var(--basis-color-negative-color-default);
  --denhaag-action-date-gap: var(--basis-space-row-md);
  --denhaag-action-date-font-weight: var(--basis-text-font-weight-default);
  --denhaag-action-date-color: var(--basis-color-default-color-document);
  --denhaag-action-lg-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-lg-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-line-height: var(--basis-text-line-height-md);
  --denhaag-action-gap: var(--basis-space-row-md);
  --denhaag-action-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-font-size: var(--basis-text-font-size-md);
  --denhaag-action-font-familiy: var(--basis-text-font-family-default);
  --denhaag-action-color: var(--basis-color-default-color-document);
  --denhaag-action-border-width: var(--basis-border-width-sm);
  --denhaag-action-border-style: solid;
  --denhaag-action-border-color: var(--basis-color-default-border-subtle);
  --denhaag-action-background-color: var(--basis-color-transparent);
  --denhaag-step-marker-connector-warning-outline-color: var(--basis-color-warning-border-default);
  --denhaag-step-marker-connector-not-checked-outline-color: var(--basis-color-disabled-border-default);
  --denhaag-step-marker-connector-error-outline-color: var(--basis-color-negative-border-default);
  --denhaag-step-marker-connector-default-outline-color: var(--basis-color-default-border-default);
  --denhaag-step-marker-connector-checked-outline-color: var(--basis-color-positive-border-default);
  --denhaag-step-marker-connector-outline-width: var(--basis-border-width-sm);
  --denhaag-step-marker-nested-icon-size: 12px;
  --denhaag-step-marker-nested-size: var(--basis-size-2xs);
  --denhaag-step-marker-warning-nested-border-color: var(--denhaag-step-marker-warning-border-color);
  --denhaag-step-marker-warning-nested-background-color: var(--denhaag-step-marker-warning-background-color);
  --denhaag-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-step-marker-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-step-marker-not-checked-border-color: var(--basis-color-disabled-border-default);
  --denhaag-step-marker-not-checked-background-color: var(--basis-color-disabled-bg-document);
  --denhaag-step-marker-error-color: var(--basis-color-negative-inverse-color-default);
  --denhaag-step-marker-error-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --denhaag-step-marker-disabled-color: var(--basis-color-disabled-color-subtle);
  --denhaag-step-marker-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --denhaag-step-marker-disabled-background-color: var(--basis-color-disabled-bg-default);
  --denhaag-step-marker-default-nested-color: var(--basis-color-default-color-document);
  --denhaag-step-marker-default-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-default-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-default-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-step-marker-current-nested-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-icon-size: var(--basis-size-icon-md);
  --denhaag-step-marker-size: var(--basis-size-sm);
  --denhaag-step-marker-margin: 0px;
  --denhaag-step-marker-padding: var(--basis-space-block-lg);
  --denhaag-step-marker-font-size: var(--basis-text-font-size-md);
  --denhaag-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-sidenav-list-padding-inline-start: 0px;
  --denhaag-sidenav-list-padding-block-start: 0px;
  --denhaag-sidenav-list-padding-block-end: 0px;
  --denhaag-sidenav-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-sidenav-link-current-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-sidenav-link-current-color: var(--basis-color-default-color-document);
  --denhaag-sidenav-link-active-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-sidenav-link-active-color: var(--basis-color-action-2-color-active);
  --denhaag-sidenav-link-padding-block-start: var(--basis-space-block-lg);
  --denhaag-sidenav-link-padding-block-end: var(--basis-space-block-lg);
  --denhaag-sidenav-link-column-gap: var(--basis-space-column-max-md);
  --denhaag-sidenav-link-color: var(--basis-color-action-2-color-default);
  --denhaag-sidenav-item-line-height: var(--basis-text-line-height-md);
  --denhaag-sidenav-item-font-weight: var(--basis-text-font-weight-default);
  --denhaag-sidenav-item-font-size: var(--basis-text-font-size-md);
  --denhaag-sidenav-item-font-family: var(--basis-text-font-family-default);
  --denhaag-sidenav-row-gap: var(--basis-space-row-3xl);
  --denhaag-sidenav-min-width: 240px;
  --denhaag-process-steps-sub-step-marker-warning-border-color: var(--basis-color-warning-border-default);
  --denhaag-process-steps-sub-step-marker-not-checked-border-color: var(--basis-color-disabled-border-default);
  --denhaag-process-steps-sub-step-marker-current-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-sub-step-marker-checked-border-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-sub-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-sub-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-sub-step-heading-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-sub-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-sub-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-metaddata-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-step-metaddata-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-process-steps-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-process-steps-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-process-steps-step-marker-current-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-process-steps-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-process-steps-step-marker-checked-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-process-steps-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-marker-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-marker-background-color: var(--basis-color-default-bg-document);
  --denhaag-process-steps-step-line-warning-color: var(--basis-color-warning-border-default);
  --denhaag-process-steps-step-line-checked-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-step-line-stroke-width: var(--basis-border-width-sm);
  --denhaag-process-steps-step-line-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-heading-warning-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-process-steps-step-heading-current-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-checked-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-line-height: var(--basis-text-line-height-lg);
  --denhaag-process-steps-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-heading-font-size: var(--basis-text-font-size-lg);
  --denhaag-process-steps-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-header-align-items: center;
  --denhaag-process-steps-step-description-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-step-description-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-line-height: var(--basis-text-line-height-md);
  --denhaag-process-steps-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-font-familiy: var(--basis-text-font-family-default);
  --denhaag-file-right-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-file-right-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-right-padding-block-start: var(--basis-space-block-lg);
  --denhaag-file-right-padding-block-end: var(--basis-space-block-lg);
  --denhaag-file-right-gap: var(--basis-space-row-md);
  --denhaag-file-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-file-link-icon-width: var(--basis-size-icon-md);
  --denhaag-file-link-gap: var(--basis-space-text-xs);
  --denhaag-file-link-color: var(--basis-color-action-2-color-default);
  --denhaag-file-left-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-file-left-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-left-background-color: var(--basis-color-default-bg-default);
  --denhaag-file-border-style: solid;
  --denhaag-file-border-width: var(--basis-border-width-sm);
  --denhaag-file-border-color: var(--basis-color-default-border-subtle);
  --denhaag-contact-timeline-step-meta-marker-size: var(--basis-size-4xs);
  --denhaag-contact-timeline-step-meta-marker-color: var(--basis-color-default-color-document);
  --denhaag-contact-timeline-step-meta-gap: var(--basis-space-text-md);
  --denhaag-contact-timeline-step-marker-connector-mobile-margin-inline-start: 0px;
  --denhaag-contact-timeline-step-marker-connector-desktop-margin-inline-start: 112px;
  --denhaag-contact-timeline-step-marker-connector-bottom: 0px;
  --denhaag-contact-timeline-step-marker-align-items: flex-start;
  --denhaag-contact-timeline-step-header-toggle-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-contact-timeline-step-header-toggle-gap: var(--basis-space-text-xs);
  --denhaag-contact-timeline-step-header-toggle-focus-color: var(--basis-focus-color);
  --denhaag-contact-timeline-step-header-toggle-active-color: var(--basis-color-action-2-color-active);
  --denhaag-contact-timeline-step-header-line-height: var(--basis-text-line-height-md);
  --denhaag-contact-timeline-step-header-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-header-date-width: 96px;
  --denhaag-contact-timeline-step-header-channel-width: 80px;
  --denhaag-contact-timeline-step-details-sender-margin-block-start: var(--basis-space-block-xl);
  --denhaag-contact-timeline-step-details-sender-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-contact-timeline-step-details-sender-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-details-file-mobile-margin-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-details-file-margin-block-start: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-file-margin-block-end: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-mobile-margin-inline-start: var(--basis-space-inline-4xl);
  --denhaag-contact-timeline-step-details-desktop-margin-inline-start: 240px;
  --denhaag-contact-timeline-step-padding-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-distance: 0px;
  --nl-skip-link-text-underline-offset: 1px; /* [code-only] */
  --nl-skip-link-text-decoration-thickness: 1px; /* [code-only] */
  --nl-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-skip-link-padding-inline: var(--basis-space-inline-xl);
  --nl-skip-link-padding-block: var(--basis-space-block-lg);
  --nl-skip-link-line-height: var(--basis-text-line-height-md);
  --nl-skip-link-font-size: var(--basis-text-font-size-md);
  --nl-skip-link-color: var(--basis-focus-color);
  --nl-skip-link-background-color: var(--basis-focus-background-color);
  --nl-paragraph-lead-margin-block-start: 0px; /* [code-only] */
  --nl-paragraph-lead-margin-block-end: 0px; /* [code-only] */
  --nl-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --nl-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --nl-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --nl-paragraph-margin-block-start: 0px; /* [code-only] */
  --nl-paragraph-margin-block-end: 0px; /* [code-only] */
  --nl-paragraph-line-height: var(--basis-text-line-height-md);
  --nl-paragraph-font-weight: var(--basis-text-font-weight-default);
  --nl-paragraph-font-size: var(--basis-text-font-size-md);
  --nl-paragraph-font-family: var(--basis-text-font-family-default);
  --nl-paragraph-color: var(--basis-color-default-color-document);
  --nl-number-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-number-badge-padding-block: var(--basis-space-block-sm);
  --nl-number-badge-min-inline-size: var(--basis-size-xs);
  --nl-number-badge-min-block-size: var(--basis-size-xs);
  --nl-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-number-badge-font-size: var(--basis-text-font-size-md);
  --nl-number-badge-font-family: var(--basis-text-font-family-default);
  --nl-number-badge-color: var(--basis-color-default-color-default);
  --nl-number-badge-border-width: var(--basis-border-width-sm);
  --nl-number-badge-border-radius: var(--basis-border-radius-round);
  --nl-number-badge-border-color: var(--basis-color-transparent);
  --nl-number-badge-background-color: var(--basis-color-default-bg-default);
  --nl-mark-color: var(--basis-color-highlight-inverse-color-default);
  --nl-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --nl-link-hover-text-decoration-thickness: auto; /* [code-only] */
  --nl-link-hover-text-decoration-line: None;
  --nl-link-hover-color: var(--basis-color-action-2-color-hover);
  --nl-link-disabled-cursor: disabled; /* [code-only] */
  --nl-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-link-current-cursor: default; /* [code-only] */
  --nl-link-active-color: var(--basis-color-action-2-color-active);
  --nl-link-text-underline-offset: auto; /* [code-only] */
  --nl-link-text-decoration-thickness: auto; /* [code-only] */
  --nl-link-text-decoration-line: underline;
  --nl-link-text-decoration-color: var(--basis-color-action-2-color-default);
  --nl-link-color: var(--basis-color-action-2-color-default); /* [code-only] */
  --nl-heading-level-6-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-6-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --nl-heading-level-6-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --nl-heading-level-6-font-family: var(--basis-heading-font-family);
  --nl-heading-level-6-color: var(--basis-heading-color);
  --nl-heading-level-5-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-5-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-5-line-height: var(--basis-text-line-height-md);
  --nl-heading-level-5-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-5-font-size: var(--basis-text-font-size-md);
  --nl-heading-level-5-font-family: var(--basis-heading-font-family);
  --nl-heading-level-5-color: var(--basis-heading-color);
  --nl-heading-level-4-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-4-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --nl-heading-level-4-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --nl-heading-level-4-font-family: var(--basis-heading-font-family);
  --nl-heading-level-4-color: var(--basis-heading-color);
  --nl-heading-level-3-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-3-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --nl-heading-level-3-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --nl-heading-level-3-font-family: var(--basis-heading-font-family);
  --nl-heading-level-3-color: var(--basis-heading-color);
  --nl-heading-level-2-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-2-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --nl-heading-level-2-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --nl-heading-level-2-font-family: var(--basis-heading-font-family);
  --nl-heading-level-2-color: var(--basis-heading-color);
  --nl-heading-level-1-margin-block-start: 0px; /* [code-only] */
  --nl-heading-level-1-margin-block-end: 0px; /* [code-only] */
  --nl-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --nl-heading-level-1-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --nl-heading-level-1-font-family: var(--basis-heading-font-family);
  --nl-heading-level-1-color: var(--basis-heading-color);
  --nl-data-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-data-badge-padding-block: None;
  --nl-data-badge-min-inline-size: var(--basis-size-sm);
  --nl-data-badge-min-block-size: var(--basis-size-xs);
  --nl-data-badge-line-height: var(--basis-text-line-height-md);
  --nl-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-data-badge-font-size: var(--basis-text-font-size-md);
  --nl-data-badge-font-family: var(--basis-text-font-family-default);
  --nl-data-badge-color: var(--basis-color-default-color-default);
  --nl-data-badge-border-width: var(--basis-border-width-sm);
  --nl-data-badge-border-radius: var(--basis-border-radius-sm);
  --nl-data-badge-border-color: var(--basis-color-transparent);
  --nl-data-badge-background-color: var(--basis-color-default-bg-default);
  --nl-color-sample-inline-size: var(--basis-size-sm);
  --nl-color-sample-block-size: var(--basis-size-sm);
  --nl-color-sample-border-width: var(--basis-border-width-sm);
  --nl-color-sample-border-radius: 0px;
  --nl-color-sample-border-color: #787878;
  --nl-color-sample-background-color: #cccccc;
  --nl-code-block-padding-inline: var(--basis-space-inline-xl);
  --nl-code-block-padding-block: var(--basis-space-block-xl);
  --nl-code-block-line-height: var(--basis-text-line-height-md);
  --nl-code-block-font-size: var(--basis-text-font-size-md);
  --nl-code-block-font-family: var(--basis-text-font-family-monospace);
  --nl-code-block-color: var(--basis-color-default-color-document);
  --nl-code-block-border-radius: var(--basis-border-radius-sm);
  --nl-code-block-background-color: var(--basis-color-default-bg-default);
  --nl-code-font-size: var(--basis-text-font-size-md);
  --nl-code-font-family: var(--basis-text-font-family-monospace);
  --nl-code-color: var(--basis-color-default-color-document);
  --nl-code-background-color: var(--basis-color-default-bg-default);
  --todo-toolbar-button-padding-inline-start: var(--basis-space-inline-md);
  --todo-toolbar-button-padding-inline-end: var(--basis-space-inline-md);
  --todo-toolbar-button-padding-block-start: var(--basis-space-block-lg);
  --todo-toolbar-button-padding-block-end: var(--basis-space-block-lg);
  --todo-toolbar-button-column-gap: var(--basis-space-text-xs);
  --todo-textbox-hover-color: var(--basis-form-control-hover-color);
  --todo-textbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-textbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-textarea-hover-color: var(--basis-form-control-hover-color);
  --todo-textarea-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-textarea-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-task-list-icon-size: var(--basis-size-icon-md);
  --todo-task-list-icon-color: var(--basis-color-positive-color-default);
  --todo-task-list-item-margin-block-start: var(--basis-space-block-sm);
  --todo-task-list-item-margin-block-end: var(--basis-space-block-sm);
  --todo-task-list-item-column-gap: var(--basis-space-column-lg);
  --todo-task-list-row-gap: var(--basis-space-row-xl);
  --todo-task-list-line-height: var(--basis-text-line-height-md);
  --todo-task-list-font-weight: var(--basis-text-font-weight-default);
  --todo-task-list-font-size: var(--basis-text-font-size-md);
  --todo-task-list-font-family: var(--basis-text-font-family-default);
  --todo-task-list-color: var(--basis-color-default-color-document);
  --todo-table-footer-font-weight: var(--basis-text-font-weight-bold);
  --todo-table-footer-border-block-start-width: var(--basis-border-width-md);
  --todo-table-footer-border-block-start-color: var(--basis-color-default-border-subtle);
  --todo-table-container-box-inline-start-shadow: var(--basis-box-shadow-md);
  --todo-table-container-box-inline-end-shadow: var(--basis-box-shadow-md);
  --todo-switch-track-checked-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --todo-switch-track-checked-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-switch-track-checked-disabled-background-color: var(--basis-color-disabled-inverse-color-subtle);
  --todo-switch-track-checked-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --todo-switch-track-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --todo-switch-track-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --todo-switch-track-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-switch-track-disabled-background-color: var(--basis-color-disabled-inverse-color-subtle);
  --todo-switch-track-active-background-color: var(--basis-color-default-inverse-bg-active);
  --todo-switch-track-padding-inline: var(--basis-space-inline-sm);
  --todo-switch-track-padding-block: var(--basis-space-inline-sm);
  --todo-switch-track-inline-size: 5rem;
  --todo-switch-track-border-width: var(--basis-border-width-sm);
  --todo-switch-track-border-radius: var(--basis-border-radius-round);
  --todo-switch-track-border-color: var(--basis-color-transparent);
  --todo-switch-track-background-color: var(--basis-color-default-inverse-bg-default);
  --todo-switch-thumb-focus-visible-background-color: var(--basis-focus-color);
  --todo-switch-thumb-disabled-box-shadow: var(--basis-box-shadow-sm);
  --todo-switch-thumb-disabled-background-color: #ffffff;
  --todo-switch-thumb-min-inline-size: var(--basis-size-sm);
  --todo-switch-thumb-min-block-size: var(--basis-size-sm);
  --todo-switch-thumb-box-shadow: var(--basis-box-shadow-sm);
  --todo-switch-thumb-border-width: var(--basis-border-width-sm);
  --todo-switch-thumb-border-radius: var(--basis-border-radius-round);
  --todo-switch-thumb-border-color: var(--basis-color-transparent);
  --todo-switch-thumb-background-color: #ffffff;
  --todo-switch-icon-focus-visible-color: var(--basis-focus-color);
  --todo-switch-icon-disabled-color: var(--basis-color-disabled-color-subtle);
  --todo-switch-icon-size: var(--basis-size-icon-md);
  --todo-switch-icon-color: var(--basis-color-default-bg-document);
  --todo-status-badge-warning-color: var(--basis-color-warning-color-default);
  --todo-status-badge-warning-border-color: var(--basis-color-transparent);
  --todo-status-badge-warning-background-color: var(--basis-color-warning-bg-default);
  --todo-status-badge-positive-color: var(--basis-color-positive-color-default);
  --todo-status-badge-positive-border-color: var(--basis-color-transparent);
  --todo-status-badge-positive-background-color: var(--basis-color-positive-bg-default);
  --todo-status-badge-negative-color: var(--basis-color-negative-color-default);
  --todo-status-badge-negative-border-color: var(--basis-color-transparent);
  --todo-status-badge-negative-background-color: var(--basis-color-negative-bg-default);
  --todo-status-badge-informative-color: var(--basis-color-info-color-default);
  --todo-status-badge-informative-border-color: var(--basis-color-transparent);
  --todo-status-badge-informative-background-color: var(--basis-color-info-bg-default);
  --todo-status-badge-padding-inline: var(--basis-space-inline-sm);
  --todo-status-badge-padding-block: var(--basis-space-block-xs);
  --todo-status-badge-line-height: var(--basis-text-line-height-md);
  --todo-status-badge-font-weight: var(--basis-text-font-weight-bold);
  --todo-status-badge-font-size: var(--basis-text-font-size-md);
  --todo-status-badge-font-family: var(--basis-text-font-family-default);
  --todo-status-badge-color: var(--basis-color-default-color-default);
  --todo-status-badge-border-width: var(--basis-border-width-sm);
  --todo-status-badge-border-radius: var(--basis-border-radius-sm);
  --todo-status-badge-border-color: var(--basis-color-transparent);
  --todo-status-badge-background-color: var(--basis-color-default-bg-default);
  --todo-skip-link-font-weight: var(--basis-text-font-weight-bold);
  --todo-sidenav-link-icon-size: var(--basis-size-icon-md);
  --todo-sidenav-link-hover-text-decoration: underline;
  --todo-radio-group-row-gap: var(--basis-space-row-xl);
  --todo-radio-group-padding-block-start: var(--basis-space-block-md);
  --todo-radio-group-padding-block-end: var(--basis-space-block-md);
  --todo-radio-button-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-radio-button-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-radio-button-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-progress-list-sub-step-header-column-gap: var(--basis-space-column-3xl);
  --todo-progress-list-sub-step-margin-block-start: var(--basis-space-block-3xl);
  --todo-progress-list-step-meta-padding-inline-start: var(--basis-space-inline-5xl);
  --todo-progress-list-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --todo-progress-list-step-marker-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --todo-progress-list-step-marker-not-checked-color: var(--basis-color-disabled-color-subtle);
  --todo-progress-list-step-marker-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-progress-list-step-marker-not-checked-background-color: var(--basis-color-default-bg-document);
  --todo-progress-list-step-marker-error-color: var(--basis-color-negative-inverse-color-default);
  --todo-progress-list-step-marker-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --todo-progress-list-step-marker-current-color: var(--basis-color-default-inverse-color-document);
  --todo-progress-list-step-marker-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-current-background-color: var(--basis-color-default-inverse-bg-document);
  --todo-progress-list-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --todo-progress-list-step-marker-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --todo-progress-list-step-marker-nested-size: var(--basis-size-2xs);
  --todo-progress-list-step-marker-nested-padding-inline-start: var(--basis-space-inline-md);
  --todo-progress-list-step-marker-nested-inset-block-start: var(--basis-space-block-sm); /* [design-only] */
  --todo-progress-list-step-marker-size: var(--basis-size-sm);
  --todo-progress-list-step-marker-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-marker-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-marker-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-marker-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-marker-border-width: var(--basis-border-width-md);
  --todo-progress-list-step-marker-border-radius: var(--basis-border-radius-round);
  --todo-progress-list-step-heading-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-step-heading-not-checked-color: var(--basis-color-default-color-subtle);
  --todo-progress-list-step-heading-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-step-heading-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-step-heading-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-step-heading-padding-block-start: var(--basis-space-block-sm);
  --todo-progress-list-step-heading-padding-block-end: var(--basis-space-block-2xl);
  --todo-progress-list-step-heading-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-heading-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-heading-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-header-column-gap: var(--basis-space-column-xl);
  --todo-progress-list-step-body-row-gap: var(--basis-space-row-md);
  --todo-progress-list-connector-warning-border-color: var(--basis-color-warning-border-default);
  --todo-progress-list-connector-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-progress-list-connector-error-border-color: var(--basis-color-negative-border-default);
  --todo-progress-list-connector-checked-border-color: var(--basis-color-positive-border-default);
  --todo-progress-list-connector-padding-inline-start: var(--basis-space-inline-xl);
  --todo-progress-list-connector-border-width: var(--basis-border-width-md);
  --todo-progress-list-button-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-warning-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-warning-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-warning-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-error-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-error-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-error-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-current-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-current-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-current-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-checked-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-checked-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-checked-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-icon-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-button-icon-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-button-icon-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-button-icon-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-button-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-progress-list-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-progress-list-button-column-gap: var(--basis-space-text-xs);
  --todo-progress-list-button-border-width: var(--basis-border-width-sm);
  --todo-progress-list-button-border-radius: var(--basis-border-radius-md);
  --todo-pagination-page-link-hover-text-decoration: None;
  --todo-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-focus-visible-text-decoration: None;
  --todo-pagination-page-link-focus-visible-color: var(--basis-focus-color);
  --todo-pagination-page-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-page-link-current-text-decoration: None;
  --todo-pagination-page-link-current-font-weight: var(--basis-text-font-weight-bold);
  --todo-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --todo-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --todo-pagination-page-link-active-text-decoration: None;
  --todo-pagination-page-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-page-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-text-decoration: underline;
  --todo-pagination-page-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-page-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-page-link-padding-inline-start: var(--basis-space-inline-lg);
  --todo-pagination-page-link-padding-inline-end: var(--basis-space-inline-lg);
  --todo-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-page-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-page-link-border-radius: 0px;
  --todo-pagination-page-link-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-text-decoration: None;
  --todo-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-focus-visible-text-decoration: None;
  --todo-pagination-relative-link-focus-visible-color: var(--basis-focus-color);
  --todo-pagination-relative-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-relative-link-disabled-text-decoration: None;
  --todo-pagination-relative-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --todo-pagination-relative-link-disabled-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-active-text-decoration: None;
  --todo-pagination-relative-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-relative-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-icon-size: var(--basis-size-icon-md);
  --todo-pagination-relative-link-text-decoration: underline;
  --todo-pagination-relative-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-relative-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-relative-link-padding-inline-start: 0px;
  --todo-pagination-relative-link-padding-inline-end: 0px;
  --todo-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-relative-link-column-gap: var(--basis-space-text-xs);
  --todo-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-relative-link-border-radius: 0px;
  --todo-pagination-relative-link-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-background-color: var(--basis-color-transparent);
  --todo-pagination-description-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-description-color: var(--basis-color-default-color-document);
  --todo-pagination-ellipses-padding-inline-start: var(--basis-space-inline-sm);
  --todo-pagination-ellipses-padding-inline-end: var(--basis-space-inline-sm);
  --todo-pagination-ellipses-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-ellipses-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-ellipses-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-ellipses-color: var(--basis-color-default-color-subtle);
  --todo-pagination-line-height: var(--basis-text-line-height-md);
  --todo-pagination-font-size: var(--basis-text-font-size-md);
  --todo-pagination-font-family: var(--basis-text-font-family-default);
  --todo-spotlight-section-row-gap: var(--basis-space-row-md);
  --todo-modal-dialog-header-label-line-height: var(--basis-text-line-height-md);
  --todo-modal-dialog-header-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-modal-dialog-header-label-font-size: var(--basis-text-font-size-md);
  --todo-modal-dialog-header-label-font-family: var(--basis-text-font-family-default);
  --todo-modal-dialog-header-label-color: var(--basis-color-default-color-document);
  --todo-modal-dialog-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-modal-dialog-header-padding-inline-end: var(--basis-space-inline-md);
  --todo-modal-dialog-header-padding-block-start: var(--basis-space-block-md);
  --todo-modal-dialog-header-padding-block-end: var(--basis-space-block-md);
  --todo-modal-dialog-header-column-gap: var(--basis-space-column-md);
  --todo-modal-dialog-header-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-header-border-color: var(--basis-color-default-border-subtle);
  --todo-modal-dialog-header-background-color: var(--basis-color-transparent);
  --todo-modal-dialog-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-modal-dialog-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-modal-dialog-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-modal-dialog-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-modal-dialog-footer-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-footer-border-color: var(--basis-color-transparent);
  --todo-modal-dialog-footer-background-color: var(--basis-color-transparent);
  --todo-modal-dialog-content-padding-inline: var(--basis-space-inline-xl);
  --todo-modal-dialog-content-padding-block-start: var(--basis-space-block-3xl);
  --todo-modal-dialog-content-padding-block-end: var(--basis-space-block-3xl);
  --todo-modal-dialog-color: var(--basis-color-default-color-document);
  --todo-modal-dialog-box-shadow: var(--basis-box-shadow-lg);
  --todo-modal-dialog-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-border-radius: var(--basis-border-radius-lg);
  --todo-modal-dialog-border-color: var(--basis-color-default-border-subtle);
  --todo-modal-dialog-background-color: var(--basis-color-default-bg-document);
  --todo-login-link-focus-visible-color: var(--basis-focus-color);
  --todo-login-link-focus-visible-border-color: var(--basis-color-transparent);
  --todo-login-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-link-list-link-hover-text-decoration: underline;
  --todo-icon-only-button-padding-inline-start: var(--basis-space-inline-lg);
  --todo-icon-only-button-padding-inline-end: var(--basis-space-inline-lg);
  --todo-icon-only-button-padding-block-start: var(--basis-space-block-lg);
  --todo-icon-only-button-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-row-padding-inline-start: 0px;
  --todo-form-summary-item-value-row-padding-inline-end: 0px;
  --todo-form-summary-item-value-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-value-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-padding-inline-start: 0px;
  --todo-form-summary-item-value-padding-inline-end: 0px;
  --todo-form-summary-item-value-padding-block-start: var(--basis-space-block-sm);
  --todo-form-summary-item-value-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-font-weight: var(--basis-text-font-weight-default);
  --todo-form-summary-item-key-row-padding-inline-start: 0px;
  --todo-form-summary-item-key-row-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-key-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-key-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-key-padding-inline-start: 0px;
  --todo-form-summary-item-key-padding-inline-end: 0px;
  --todo-form-summary-item-key-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-key-padding-block-end: var(--basis-space-block-sm);
  --todo-form-summary-item-key-font-weight: var(--basis-text-font-weight-bold);
  --todo-form-summary-item-action-row-padding-inline-start: var(--basis-space-inline-xl);
  --todo-form-summary-item-action-row-padding-inline-end: 0px;
  --todo-form-summary-item-action-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-inline-start: 0px;
  --todo-form-summary-item-action-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-action-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-color: var(--basis-color-default-color-document);
  --todo-form-summary-item-border-width: var(--basis-border-width-sm);
  --todo-form-summary-item-border-color: var(--basis-color-default-border-subtle);
  --todo-form-summary-line-height: var(--basis-text-line-height-md);
  --todo-form-summary-font-size: var(--basis-text-font-size-md);
  --todo-form-summary-font-family: var(--basis-text-font-family-default);
  --todo-form-field-radio-option-column-gap: var(--basis-space-column-md);
  --todo-form-field-option-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --todo-form-field-option-label-line-height: var(--basis-text-line-height-md);
  --todo-form-field-option-label-font-weight: var(--basis-text-font-weight-default);
  --todo-form-field-option-label-font-size: var(--basis-text-font-size-md);
  --todo-form-field-option-label-font-family: var(--basis-text-font-family-default);
  --todo-form-field-option-label-color: var(--basis-color-default-color-document);
  --todo-form-field-label-suffix-font-weight: var(--basis-text-font-weight-default);
  --todo-form-field-label-suffix-color: var(--basis-color-default-color-document);
  --todo-form-field-label-line-height: var(--basis-text-line-height-md);
  --todo-form-field-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-form-field-label-font-size: var(--basis-text-font-size-md);
  --todo-form-field-label-font-family: var(--basis-text-font-family-default);
  --todo-form-field-label-column-gap: var(--basis-space-text-md);
  --todo-form-field-label-color: var(--basis-color-default-color-document);
  --todo-form-field-error-message-column-gap: var(--basis-space-text-md);
  --todo-form-field-error-message-icon-size: var(--basis-size-icon-md);
  --todo-form-field-checkbox-option-column-gap: var(--basis-space-column-md);
  --todo-figure-row-gap: var(--basis-space-row-md);
  --todo-drawer-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-drawer-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-drawer-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-drawer-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-drawer-footer-border-width: var(--basis-border-width-sm);
  --todo-drawer-footer-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-footer-background-color: var(--basis-color-transparent);
  --todo-drawer-content-padding-inline: var(--basis-space-inline-xl);
  --todo-drawer-content-padding-block-start: var(--basis-space-block-3xl);
  --todo-drawer-content-padding-block-end: var(--basis-space-block-3xl);
  --todo-drawer-header-label-line-height: var(--basis-text-line-height-md);
  --todo-drawer-header-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-drawer-header-label-font-size: var(--basis-text-font-size-md);
  --todo-drawer-header-label-font-family: var(--basis-text-font-family-default);
  --todo-drawer-header-label-color: var(--basis-color-default-color-document);
  --todo-drawer-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-drawer-header-padding-inline-end: var(--basis-space-inline-md);
  --todo-drawer-header-padding-block-start: var(--basis-space-block-md);
  --todo-drawer-header-padding-block-end: var(--basis-space-block-md);
  --todo-drawer-header-column-gap: var(--basis-space-column-md);
  --todo-drawer-header-border-width: var(--basis-border-width-sm);
  --todo-drawer-header-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-header-background-color: var(--basis-color-transparent);
  --todo-drawer-color: var(--basis-color-default-color-document);
  --todo-drawer-box-shadow: var(--basis-box-shadow-lg);
  --todo-drawer-border-width: var(--basis-border-width-sm);
  --todo-drawer-border-radius: 0px;
  --todo-drawer-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-background-color: var(--basis-color-default-bg-document);
  --todo-contact-timeline-step-header-toggle-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-checkbox-group-row-gap: var(--basis-space-row-xl);
  --todo-checkbox-group-padding-block-start: var(--basis-space-block-md);
  --todo-checkbox-group-padding-block-end: var(--basis-space-block-md);
  --todo-checkbox-indeterminate-hover-color: var(--basis-color-default-bg-document);
  --todo-checkbox-indeterminate-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-indeterminate-hover-border-color: var(--basis-color-transparent);
  --todo-checkbox-indeterminate-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-checkbox-indeterminate-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-indeterminate-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-indeterminate-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-checkbox-indeterminate-focus-visible-background-color: var(--basis-form-control-focus-background-color);
  --todo-checkbox-indeterminate-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-indeterminate-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-indeterminate-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-indeterminate-active-color: var(--basis-color-default-bg-document);
  --todo-checkbox-indeterminate-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-indeterminate-active-border-color: var(--basis-color-transparent);
  --todo-checkbox-indeterminate-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-checkbox-checked-hover-color: var(--basis-color-default-bg-document);
  --todo-checkbox-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-checked-hover-border-color: var(--basis-color-transparent);
  --todo-checkbox-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-checkbox-checked-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-checked-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-checked-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-checkbox-checked-focus-visible-background-color: var(--basis-form-control-focus-background-color);
  --todo-checkbox-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-checked-active-color: var(--basis-color-default-bg-document);
  --todo-checkbox-checked-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-checked-active-border-color: var(--basis-color-transparent);
  --todo-checkbox-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-case-card-decoration-paper-background-color: #ffffff;
  --todo-case-card-decoration-folder-read-only-hover-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-decoration-folder-read-only-active-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-decoration-folder-read-only-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-decoration-folder-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-case-card-decoration-folder-hover-background-color: var(--basis-color-action-1-bg-active);
  --todo-case-card-decoration-folder-active-background-color: var(--basis-color-action-1-bg-active);
  --todo-case-card-decoration-folder-background-color: var(--basis-color-action-1-bg-active);
  --todo-case-card-read-only-hover-background-color: var(--basis-color-default-bg-hover);
  --todo-case-card-read-only-active-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-read-only-color: var(--basis-color-default-color-document);
  --todo-case-card-read-only-background-color: var(--basis-color-default-bg-default);
  --todo-case-card-hover-background-color: var(--basis-color-action-1-bg-hover);
  --todo-case-card-focus-visible-color: var(--basis-focus-color);
  --todo-case-card-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-case-card-active-background-color: var(--basis-color-action-1-bg-active);
  --todo-case-card-icon-size: var(--basis-size-icon-md);
  --todo-case-card-icon-color: var(--basis-color-action-1-color-default);
  --todo-case-card-heading-read-only-color: var(--basis-heading-color);
  --todo-case-card-heading-line-height: var(--basis-text-line-height-xl);
  --todo-case-card-heading-font-weight: var(--basis-heading-font-weight);
  --todo-case-card-heading-font-size: var(--basis-text-font-size-xl);
  --todo-case-card-heading-font-family: var(--basis-heading-font-family);
  --todo-case-card-heading-color: var(--basis-heading-color);
  --todo-case-card-row-gap: var(--basis-space-row-lg);
  --todo-case-card-padding-inline: var(--basis-space-inline-3xl);
  --todo-case-card-padding-block: var(--basis-space-block-2xl);
  --todo-case-card-min-inline-size: 328px;
  --todo-case-card-min-block-size: 192px;
  --todo-case-card-color: var(--basis-color-default-color-document);
  --todo-case-card-border-radius: var(--basis-border-radius-sm);
  --todo-case-card-background-color: var(--basis-color-action-1-bg-default);
  --todo-breadcrumb-nav-separator-size: var(--basis-size-icon-sm);
  --todo-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --todo-breadcrumb-nav-link-hover-text-decoration: None;
  --todo-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-breadcrumb-nav-link-focus-visible-text-decoration: None;
  --todo-breadcrumb-nav-link-focus-visible-color: var(--basis-focus-color);
  --todo-breadcrumb-nav-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-breadcrumb-nav-link-active-text-decoration: None;
  --todo-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --todo-breadcrumb-nav-link-icon-size: var(--basis-size-icon-md);
  --todo-breadcrumb-nav-link-column-gap: var(--basis-space-text-xs);
  --todo-breadcrumb-nav-link-text-decoration: underline;
  --todo-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --todo-breadcrumb-nav-item-padding-inline-start: 0px;
  --todo-breadcrumb-nav-item-padding-inline-end: 0px;
  --todo-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-item-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-breadcrumb-nav-current-color: var(--basis-color-disabled-color-subtle);
  --todo-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --todo-breadcrumb-nav-font-weight: var(--basis-text-font-weight-default);
  --todo-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --todo-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --todo-breadcrumb-nav-column-gap: var(--basis-space-column-md);
  --todo-avatar-text-transform: uppercase;
  --todo-avatar-line-height: var(--basis-text-line-height-md);
  --todo-avatar-font-weight: var(--basis-text-font-weight-bold);
  --todo-avatar-font-size: var(--basis-text-font-size-md);
  --todo-avatar-font-family: var(--basis-text-font-family-default);
  --todo-avatar-icon-icon-size: var(--basis-size-icon-md);
  --todo-avatar-size: var(--basis-pointer-target-min-block-size);
  --todo-avatar-color: var(--basis-color-action-1-inverse-color-default);
  --todo-avatar-border-width: var(--basis-border-width-sm);
  --todo-avatar-border-radius: var(--basis-border-radius-round);
  --todo-avatar-border-color: var(--basis-color-transparent);
  --todo-avatar-background-color: var(--basis-color-action-1-inverse-bg-default);
  --todo-accordion-button-line-height: var(--basis-text-line-height-md);
  --todo-accordion-button-font-weight: var(--basis-text-font-weight-bold);
  --todo-accordion-button-font-size: var(--basis-text-font-size-md);
  --todo-accordion-button-font-family: var(--basis-text-font-family-default);
  --utrecht-listbox-option-selected-hover-color: var(--basis-color-selected-inverse-color-hover);
  --utrecht-listbox-option-selected-hover-background-color: var(--basis-color-selected-inverse-bg-hover);
  --utrecht-listbox-option-selected-disabled-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-selected-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-active-color: var(--basis-color-selected-inverse-color-active);
  --utrecht-listbox-option-active-background-color: var(--basis-color-selected-inverse-bg-active);
  --utrecht-listbox-option-is-active-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-is-active-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-sm);
  --utrecht-listbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-listbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-listbox-padding-inline-start: 0px;
  --utrecht-listbox-padding-inline-end: 0px;
  --utrecht-listbox-padding-block-start: 0px;
  --utrecht-listbox-padding-block-end: 0px;
  --utrecht-listbox-color: var(--basis-form-control-color);
  --utrecht-listbox-border-width: var(--basis-form-control-border-width);
  --utrecht-listbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-listbox-border-color: var(--basis-form-control-border-color);
  --utrecht-listbox-background-color: var(--basis-form-control-background-color);
  --utrecht-article-max-inline-size: 750px;
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-padding-inline: 0px;
  --utrecht-page-footer-color: var(--basis-color-default-color-document);
  --utrecht-page-footer-background-color: var(--basis-color-accent-1-bg-default);
  --utrecht-page-body-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-color: var(--basis-color-default-color-document);
  --utrecht-page-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-color: var(--basis-color-default-color-document);
  --utrecht-page-header-background-color: var(--basis-color-default-bg-document);
  --utrecht-body-line-height: var(--basis-text-line-height-md);
  --utrecht-body-font-weight: var(--basis-text-font-weight-default);
  --utrecht-body-font-size: var(--basis-text-font-size-md);
  --utrecht-body-color: var(--basis-color-default-color-document);
  --utrecht-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-root-font-family: var(--basis-text-font-family-default);
  --utrecht-root-color: var(--basis-color-default-color-document);
  --utrecht-root-background-color: var(--basis-color-default-bg-document);
  --utrecht-unordered-list-marker-color: var(--basis-color-default-color-document);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-unordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-unordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-textbox-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textbox-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textbox-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textbox-invalid-color: var(--basis-form-control-color);
  --utrecht-textbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-textbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textbox-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textbox-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textbox-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textbox-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textbox-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textbox-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textbox-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textbox-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textbox-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textbox-line-height: var(--basis-form-control-line-height);
  --utrecht-textbox-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textbox-font-size: var(--basis-form-control-font-size);
  --utrecht-textbox-font-family: var(--basis-form-control-font-family);
  --utrecht-textbox-color: var(--basis-form-control-color);
  --utrecht-textbox-border-width: var(--basis-form-control-border-width);
  --utrecht-textbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textbox-border-color: var(--basis-form-control-border-color);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-background-color: var(--basis-form-control-background-color);
  --utrecht-textarea-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textarea-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textarea-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textarea-invalid-color: var(--basis-form-control-color);
  --utrecht-textarea-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textarea-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textarea-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textarea-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textarea-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textarea-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textarea-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textarea-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textarea-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textarea-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textarea-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textarea-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textarea-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textarea-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textarea-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textarea-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textarea-line-height: var(--basis-form-control-line-height);
  --utrecht-textarea-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textarea-font-size: var(--basis-form-control-font-size);
  --utrecht-textarea-font-family: var(--basis-form-control-font-family);
  --utrecht-textarea-color: var(--basis-form-control-color);
  --utrecht-textarea-border-width: var(--basis-form-control-border-width);
  --utrecht-textarea-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textarea-border-color: var(--basis-form-control-border-color);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-background-color: var(--basis-form-control-background-color);
  --utrecht-table-row-border-block-end-width: var(--basis-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-table-header-cell-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-table-header-color: var(--basis-color-default-color-document);
  --utrecht-table-header-border-block-end-width: var(--basis-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-table-header-background-color: var(--basis-color-transparent);
  --utrecht-table-footer-color: var(--basis-color-default-color-document);
  --utrecht-table-footer-background-color: var(--basis-color-transparent);
  --utrecht-table-cell-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-table-cell-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-table-cell-padding-block-start: var(--basis-space-block-lg);
  --utrecht-table-cell-padding-block-end: var(--basis-space-block-lg);
  --utrecht-table-caption-margin-block-end: var(--basis-space-block-3xl);
  --utrecht-table-caption-font-weight: var(--basis-heading-font-weight);
  --utrecht-table-caption-font-size: var(--basis-text-font-size-xl);
  --utrecht-table-caption-font-family: var(--basis-heading-font-family);
  --utrecht-table-caption-line-height: var(--basis-text-line-height-xl);
  --utrecht-table-caption-color: var(--basis-color-default-color-document);
  --utrecht-table-line-height: var(--basis-text-line-height-md);
  --utrecht-table-font-size: var(--basis-text-font-size-md);
  --utrecht-table-font-family: var(--basis-text-font-family-default);
  --utrecht-skip-link-focus-visible-text-decoration: None;
  --utrecht-skip-link-focus-color: var(--basis-focus-color);
  --utrecht-skip-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-skip-link-text-decoration: underline;
  --utrecht-skip-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-skip-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-skip-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-skip-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-skip-link-color: var(--basis-color-default-inverse-color-document);
  --utrecht-skip-link-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-separator-color: var(--basis-color-default-border-default);
  --utrecht-separator-block-size: var(--basis-size-4xs);
  --utrecht-select-hover-color: var(--basis-form-control-hover-color);
  --utrecht-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-select-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-select-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-select-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-select-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-select-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-select-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-select-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-select-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-select-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-select-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-select-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-select-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-select-line-height: var(--basis-form-control-line-height);
  --utrecht-select-font-weight: var(--basis-form-control-font-weight);
  --utrecht-select-font-size: var(--basis-form-control-font-size);
  --utrecht-select-font-family: var(--basis-form-control-font-family);
  --utrecht-select-color: var(--basis-form-control-color);
  --utrecht-select-border-width: var(--basis-form-control-border-width);
  --utrecht-select-border-radius: var(--basis-form-control-border-radius);
  --utrecht-select-border-color: var(--basis-form-control-border-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-background-color: var(--basis-form-control-background-color);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-radio-button-checked-focus-color: var(--basis-form-control-focus-color);
  --utrecht-radio-button-checked-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-checked-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-checked-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-checked-active-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-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-radio-button-checked-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-checked-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-invalid-color: var(--utrecht-radio-button-invalid-border-color);
  --utrecht-radio-button-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-radio-button-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-radio-button-disabled-color: var(--utrecht-radio-button-disabled-border-color);
  --utrecht-radio-button-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-hover-color: var(--utrecht-radio-button-hover-border-color);
  --utrecht-radio-button-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-radio-button-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-radio-button-focus-color: var(--utrecht-radio-button-focus-border-color);
  --utrecht-radio-button-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-active-color: var(--utrecht-radio-button-active-border-color);
  --utrecht-radio-button-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-radio-button-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-radio-button-icon-size: var(--basis-size-3xs);
  --utrecht-radio-button-size: var(--basis-size-xs);
  --utrecht-radio-button-color: var(--utrecht-radio-button-border-color);
  --utrecht-radio-button-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-border-color: var(--basis-form-control-border-color);
  --utrecht-radio-button-background-color: var(--basis-form-control-background-color);
  --utrecht-pre-heading-line-height: var(--basis-text-line-height-md);
  --utrecht-pre-heading-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-pre-heading-font-size: var(--basis-text-font-size-sm);
  --utrecht-pre-heading-font-family: var(--basis-text-font-family-default);
  --utrecht-pre-heading-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-small-line-height: var(--basis-text-line-height-sm);
  --utrecht-paragraph-small-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-small-font-size: var(--basis-text-font-size-sm);
  --utrecht-paragraph-small-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --utrecht-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --utrecht-paragraph-lead-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-line-height: var(--basis-text-line-height-md);
  --utrecht-paragraph-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-font-size: var(--basis-text-font-size-md);
  --utrecht-paragraph-font-family: var(--basis-text-font-family-default);
  --utrecht-paragraph-color: var(--basis-color-default-color-document);
  --utrecht-pagination-relative-link-disabled-color: basis.color.disabled.color-subtle;
  --utrecht-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-pagination-relative-link-text-transform: None;
  --utrecht-pagination-relative-link-text-decoration: underline;
  --utrecht-pagination-relative-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-relative-link-border-radius: 0px;
  --utrecht-pagination-relative-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --utrecht-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --utrecht-pagination-page-link-text-decoration: underline;
  --utrecht-pagination-page-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-page-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-page-link-border-radius: 0px;
  --utrecht-pagination-page-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-font-size: var(--basis-text-font-size-md);
  --utrecht-pagination-font-family: var(--basis-text-font-family-default);
  --utrecht-ordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-ordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-ordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-ordered-list-padding-inline-start: var(--basis-space-inline-3xl);
  --utrecht-ordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-ordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-number-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-number-badge-padding-block: var(--basis-space-block-sm);
  --utrecht-number-badge-min-inline-size: var(--basis-size-xs);
  --utrecht-number-badge-min-block-size: var(--basis-size-xs);
  --utrecht-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-number-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-number-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-number-badge-color: var(--basis-color-default-color-default);
  --utrecht-number-badge-border-width: var(--basis-border-width-sm);
  --utrecht-number-badge-border-radius: var(--basis-border-radius-round);
  --utrecht-number-badge-border-color: var(--basis-color-transparent);
  --utrecht-number-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-spotlight-section-warning-icon-color: var(--basis-color-warning-color-default);
  --utrecht-spotlight-section-warning-color: var(--basis-color-warning-color-document);
  --utrecht-spotlight-section-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-spotlight-section-warning-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-ok-icon-color: var(--basis-color-positive-color-default);
  --utrecht-spotlight-section-ok-color: var(--basis-color-positive-color-document);
  --utrecht-spotlight-section-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-spotlight-section-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-spotlight-section-ok-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-error-icon-color: var(--basis-color-negative-color-default);
  --utrecht-spotlight-section-error-color: var(--basis-color-negative-color-document);
  --utrecht-spotlight-section-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-spotlight-section-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-spotlight-section-error-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-info-icon-color: var(--basis-color-info-color-default);
  --utrecht-spotlight-section-info-color: var(--basis-color-info-color-document);
  --utrecht-spotlight-section-info-border-color: var(--basis-color-info-border-default);
  --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-spotlight-section-info-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-xl);
  --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-spotlight-section-margin-block-end: 0px; /* [code-only] */
  --utrecht-spotlight-section-margin-block-start: 0px; /* [code-only] */
  --utrecht-spotlight-section-color: var(--basis-color-default-color-document);
  --utrecht-spotlight-section-border-radius: 0px;
  --utrecht-spotlight-section-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-border-color: var(--basis-color-default-border-default);
  --utrecht-spotlight-section-background-color: var(--basis-color-default-bg-default);
  --utrecht-nav-bar-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-block-start: var(--basis-space-block-md);
  --utrecht-nav-bar-link-padding-block-end: var(--basis-space-block-md);
  --utrecht-nav-bar-content-max-inline-size: 1184px;
  --utrecht-nav-bar-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-mark-color: var(--basis-color-highlight-inverse-color-default);
  --utrecht-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --utrecht-logo-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-logo-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-logo-max-inline-size: 200px;
  --utrecht-logo-max-block-size: 120px;
  --utrecht-link-list-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-icon-inset-block-start: 0px;
  --utrecht-link-list-row-gap: var(--basis-space-row-md);
  --utrecht-link-list-link-text-decoration: None;
  --utrecht-link-list-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-link-list-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-visited-color: var(--basis-color-action-2-color-default);
  --utrecht-link-hover-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-hover-text-decoration: None;
  --utrecht-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-link-focus-visible-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-focus-visible-text-decoration: None;
  --utrecht-link-focus-color: var(--basis-focus-color);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-link-icon-size: var(--basis-size-icon-md);
  --utrecht-link-text-underline-offset: auto; /* [code-only] */
  --utrecht-link-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-text-decoration-color: var(--basis-color-action-2-color-default); /* [code-only] */
  --utrecht-link-text-decoration: underline;
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-color: var(--basis-color-action-2-color-default);
  --utrecht-icon-baseline-inset-block-start: 0px; /* [code-only] */
  --utrecht-icon-size: var(--basis-size-icon-md);
  --utrecht-icon-inset-block-start: 0px;
  --utrecht-icon-color: var(--basis-color-default-color-document);
  --utrecht-heading-6-line-height: var(--basis-text-line-height-sm);
  --utrecht-heading-6-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-6-font-size: var(--basis-text-font-size-sm);
  --utrecht-heading-6-font-family: var(--basis-heading-font-family);
  --utrecht-heading-6-color: var(--basis-heading-color);
  --utrecht-heading-5-line-height: var(--basis-text-line-height-md);
  --utrecht-heading-5-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-5-font-size: var(--basis-text-font-size-md);
  --utrecht-heading-5-font-family: var(--basis-heading-font-family);
  --utrecht-heading-5-color: var(--basis-heading-color);
  --utrecht-heading-4-line-height: var(--basis-text-line-height-lg);
  --utrecht-heading-4-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-4-font-size: var(--basis-text-font-size-lg);
  --utrecht-heading-4-font-family: var(--basis-heading-font-family);
  --utrecht-heading-4-color: var(--basis-heading-color);
  --utrecht-heading-3-line-height: var(--basis-text-line-height-xl);
  --utrecht-heading-3-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-3-font-size: var(--basis-text-font-size-xl);
  --utrecht-heading-3-font-family: var(--basis-heading-font-family);
  --utrecht-heading-3-color: var(--basis-heading-color);
  --utrecht-heading-2-line-height: var(--basis-text-line-height-2xl);
  --utrecht-heading-2-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-2-font-size: var(--basis-text-font-size-2xl);
  --utrecht-heading-2-font-family: var(--basis-heading-font-family);
  --utrecht-heading-2-color: var(--basis-heading-color);
  --utrecht-heading-1-line-height: var(--basis-text-line-height-3xl);
  --utrecht-heading-1-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-1-font-size: var(--basis-text-font-size-3xl);
  --utrecht-heading-1-font-family: var(--basis-heading-font-family);
  --utrecht-heading-1-color: var(--basis-heading-color);
  --utrecht-form-label-radio-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-radio-color: var(--basis-color-default-color-document);
  --utrecht-form-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-form-label-checked-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checkbox-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checkbox-color: var(--basis-color-default-color-document);
  --utrecht-form-label-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-label-font-size: var(--basis-text-font-size-md);
  --utrecht-form-label-color: var(--basis-color-default-color-document);
  --utrecht-form-field-error-message-padding-inline-start: 0px;
  --utrecht-form-field-error-message-padding-inline-end: 0px;
  --utrecht-form-field-error-message-padding-block-start: 0px;
  --utrecht-form-field-error-message-padding-block-end: 0px;
  --utrecht-form-field-error-message-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-error-message-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-field-error-message-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-error-message-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-color: var(--basis-color-negative-color-default);
  --utrecht-form-field-error-message-background-color: var(--basis-color-transparent);
  --utrecht-form-field-description-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-description-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-description-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-description-color: var(--basis-color-default-color-subtle);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-figure-caption-line-height: var(--basis-text-line-height-md);
  --utrecht-figure-caption-font-size: var(--basis-text-font-size-md);
  --utrecht-figure-caption-color: var(--basis-color-default-color-document);
  --utrecht-drawer-backdrop-min-size: var(--basis-pointer-target-min-block-size);
  --utrecht-drawer-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-drawer-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-drawer-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-drawer-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-drawer-min-inline-size: 312px;
  --utrecht-drawer-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-drawer-max-inline-size: 1440px;
  --utrecht-drawer-max-block-size: 800px;
  --utrecht-drawer-color: var(--basis-color-default-color-document);
  --utrecht-drawer-border-width: var(--basis-border-width-sm);
  --utrecht-drawer-border-radius: 0px;
  --utrecht-drawer-border-color: var(--basis-color-default-border-subtle);
  --utrecht-drawer-background-color: var(--basis-color-default-bg-document);
  --utrecht-data-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-data-badge-padding-block: None;
  --utrecht-data-badge-min-inline-size: var(--basis-size-sm);
  --utrecht-data-badge-min-block-size: var(--basis-size-xs);
  --utrecht-data-badge-line-height: var(--basis-text-line-height-md);
  --utrecht-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-data-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-data-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-data-badge-color: var(--basis-color-default-color-default);
  --utrecht-data-badge-border-width: var(--basis-border-width-sm);
  --utrecht-data-badge-border-radius: var(--basis-border-radius-sm);
  --utrecht-data-badge-border-color: var(--basis-color-transparent);
  --utrecht-data-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-color-sample-inline-size: var(--nl-color-sample-inline-size);
  --utrecht-color-sample-block-size: var(--nl-color-sample-block-size);
  --utrecht-color-sample-light-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-dark-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-border-radius: var(--nl-color-sample-border-radius);
  --utrecht-color-sample-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-border-width: var(--nl-color-sample-border-width);
  --utrecht-color-sample-background-color: var(--nl-color-sample-background-color);
  --utrecht-code-block-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-code-block-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-code-block-padding-block-end: var(--basis-space-block-xl);
  --utrecht-code-block-padding-block-start: var(--basis-space-block-xl);
  --utrecht-code-block-line-height: var(--basis-text-line-height-md);
  --utrecht-code-block-font-size: var(--basis-text-font-size-md);
  --utrecht-code-block-font-family: var(--basis-text-font-family-monospace);
  --utrecht-code-block-color: var(--basis-color-default-color-document);
  --utrecht-code-block-background-color: var(--basis-color-default-bg-default);
  --utrecht-code-line-height: var(--basis-text-line-height-md);
  --utrecht-code-font-size: var(--basis-text-font-size-md);
  --utrecht-code-font-family: var(--basis-text-font-family-monospace);
  --utrecht-code-color: var(--basis-color-default-color-document);
  --utrecht-code-background-color: var(--basis-color-default-bg-default);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-default-bg-document);
  --utrecht-checkbox-indeterminate-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-indeterminate-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-checked-color: var(--basis-color-default-bg-document);
  --utrecht-checkbox-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-checked-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-checkbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-checkbox-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-checkbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-checkbox-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-checkbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-checkbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-checkbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-checkbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-checkbox-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-checkbox-icon-size: var(--basis-size-icon-md);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-border-radius: 0px;
  --utrecht-checkbox-border-color: var(--basis-form-control-border-color);
  --utrecht-checkbox-background-color: var(--basis-form-control-background-color);
  --utrecht-button-subtle-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-active-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-line-height: var(--basis-text-line-height-md);
  --utrecht-button-subtle-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-subtle-font-size: var(--basis-text-font-size-md);
  --utrecht-button-subtle-color: var(--basis-color-action-1-color-default);
  --utrecht-button-subtle-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-background-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-pressed-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-secondary-action-hover-border-color: var(--basis-color-action-1-border-hover);
  --utrecht-button-secondary-action-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-secondary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-secondary-action-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-active-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-secondary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-secondary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-secondary-action-color: var(--basis-color-action-1-color-default);
  --utrecht-button-secondary-action-border-color: var(--basis-color-action-1-border-default);
  --utrecht-button-secondary-action-background-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-button-primary-action-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-primary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-primary-action-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-active-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-primary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-primary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-primary-action-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-button-primary-action-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-button-pressed-color: var(--basis-color-default-color-active);
  --utrecht-button-pressed-border-color: var(--basis-color-default-border-active);
  --utrecht-button-pressed-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-hover-color: var(--basis-color-default-color-hover);
  --utrecht-button-hover-border-color: var(--basis-color-default-border-hover);
  --utrecht-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-active-color: var(--basis-color-default-color-active);
  --utrecht-button-active-border-color: var(--basis-color-default-border-active);
  --utrecht-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-icon-size: var(--basis-size-icon-md);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-button-line-height: var(--basis-text-line-height-md);
  --utrecht-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-font-size: var(--basis-text-font-size-md);
  --utrecht-button-font-family: var(--basis-text-font-family-default);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-color: var(--basis-color-default-color-default);
  --utrecht-button-border-width: var(--basis-border-width-sm);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-border-color: var(--basis-color-default-border-default);
  --utrecht-button-background-color: var(--basis-color-transparent);
  --utrecht-breadcrumb-nav-separator-icon-size: var(--basis-size-icon-sm);
  --utrecht-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --utrecht-breadcrumb-nav-link-hover-text-decoration: None;
  --utrecht-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
  --utrecht-breadcrumb-nav-link-focus-color: var(--basis-focus-color);
  --utrecht-breadcrumb-nav-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-breadcrumb-nav-link-current-font-weight: var(--basis-text-font-weight-default);
  --utrecht-breadcrumb-nav-link-active-text-decoration: None;
  --utrecht-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-breadcrumb-nav-link-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0px;
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --utrecht-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --utrecht-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --utrecht-blockquote-content-font-size: var(--basis-text-font-size-xl);
  --utrecht-blockquote-content-color: var(--basis-color-default-color-document);
  --utrecht-blockquote-attribution-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-attribution-color: var(--basis-color-default-color-subtle);
  --utrecht-blockquote-row-gap: var(--basis-space-row-md);
  --utrecht-blockquote-padding-inline-start: 0px;
  --utrecht-blockquote-padding-inline-end: 0px;
  --utrecht-blockquote-padding-block-start: var(--basis-space-block-lg);
  --utrecht-blockquote-padding-block-end: var(--basis-space-block-lg);
  --utrecht-blockquote-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-font-family: var(--basis-text-font-family-default);
  --utrecht-blockquote-color: var(--basis-color-default-color-document);
  --utrecht-blockquote-border-width: 0px;
  --utrecht-blockquote-border-radius: 0px;
  --utrecht-blockquote-border-inline-start-width: 0px;
  --utrecht-blockquote-border-color: var(--basis-color-transparent);
  --utrecht-blockquote-background-color: var(--basis-color-transparent);
  --utrecht-backdrop-reduced-transparency-opacity: 0.98; /* [code-only] */
  --utrecht-backdrop-fade-in-animation-duration: 0.4s; /* [code-only] */
  --utrecht-backdrop-z-index: auto; /* [code-only] */
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-color: var(--basis-color-default-inverse-color-document);
  --utrecht-backdrop-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-alert-warning-color: var(--basis-color-warning-color-document);
  --utrecht-alert-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-alert-ok-color: var(--basis-color-positive-color-document);
  --utrecht-alert-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-alert-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-alert-error-color: var(--basis-color-negative-color-document);
  --utrecht-alert-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-alert-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-alert-info-color: var(--basis-color-info-color-document);
  --utrecht-alert-info-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-message-row-gap: var(--basis-space-row-md);
  --utrecht-alert-icon-warning-color: var(--basis-color-warning-color-default);
  --utrecht-alert-icon-ok-color: var(--basis-color-positive-color-default);
  --utrecht-alert-icon-error-color: var(--basis-color-negative-color-default);
  --utrecht-alert-icon-info-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-size: var(--basis-size-icon-xl);
  --utrecht-alert-icon-inset-block-start: 0px;
  --utrecht-alert-content-row-gap: var(--basis-space-row-xl);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-alert-padding-block-start: var(--basis-space-block-xl);
  --utrecht-alert-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-alert-column-gap: var(--basis-space-column-md);
  --utrecht-alert-color: var(--basis-color-info-color-document);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-border-radius: 0px;
  --utrecht-alert-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-background-color: var(--basis-color-info-bg-default);
  --utrecht-button-group-row-gap: var(--basis-space-row-md);
  --utrecht-button-group-padding-block-start: 0px;
  --utrecht-button-group-padding-block-end: 0px;
  --utrecht-button-group-column-gap: var(--basis-space-column-md);
  --utrecht-button-group-background-color: var(--basis-color-transparent);
  --utrecht-accordion-section-margin-block-start: 0px; /* [code-only] */
  --utrecht-accordion-section-margin-block-end: 0px; /* [code-only] */
  --utrecht-accordion-section-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-section-hover-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-section-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-accordion-button-hover-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-accordion-button-focus-visible-color: var(--basis-focus-color);
  --utrecht-accordion-button-focus-visible-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-focus-visible-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-active-color: var(--basis-color-action-2-color-active);
  --utrecht-accordion-button-active-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-accordion-button-icon-size: var(--basis-size-icon-md);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-button-color: var(--basis-color-action-2-color-default);
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-border-radius: 0px;
  --utrecht-accordion-button-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-background-color: var(--basis-color-default-bg-default);
  --utrecht-accordion-row-gap: 0px;
  --utrecht-accordion-margin-block-start: 0px; /* [code-only] */
  --utrecht-accordion-margin-block-end: 0px; /* [code-only] */
  --basis-pointer-target-min-inline-size: 3rem;
  --basis-pointer-target-min-block-size: 3rem;
  --basis-page-max-inline-size: 1140px;
  --basis-heading-font-weight: var(--basis-text-font-weight-bold);
  --basis-heading-font-family: 'Noto Serif', serif;
  --basis-heading-color: var(--basis-color-default-color-document);
  --basis-form-control-read-only-color: var(--basis-color-default-color-document);
  --basis-form-control-read-only-border-color: var(--basis-color-transparent);
  --basis-form-control-read-only-background-color: var(--basis-color-default-bg-subtle);
  --basis-form-control-invalid-color: var(--basis-color-negative-color-default);
  --basis-form-control-invalid-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-border-color: var(--basis-color-negative-border-default);
  --basis-form-control-invalid-background-color: var(--basis-color-negative-bg-default);
  --basis-form-control-hover-color: var(--basis-form-control-color);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-hover-border-color: var(--basis-color-default-border-hover);
  --basis-form-control-hover-background-color: var(--basis-color-default-bg-hover);
  --basis-form-control-hover-accent-color: var(--basis-color-action-1-color-hover);
  --basis-form-control-focus-color: var(--basis-form-control-color);
  --basis-form-control-focus-border-width: var(--basis-border-width-md);
  --basis-form-control-focus-border-color: var(--basis-color-default-border-active);
  --basis-form-control-focus-background-color: var(--basis-form-control-background-color);
  --basis-form-control-disabled-color: var(--basis-color-disabled-color-subtle);
  --basis-form-control-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --basis-form-control-disabled-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-accent-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-active-color: var(--basis-form-control-color);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-form-control-active-border-color: var(--basis-color-default-border-active);
  --basis-form-control-active-background-color: var(--basis-color-default-bg-active);
  --basis-form-control-active-accent-color: var(--basis-color-action-1-color-active);
  --basis-form-control-max-inline-size: 25rem;
  --basis-form-control-padding-inline-start: var(--basis-space-inline-lg);
  --basis-form-control-padding-inline-end: var(--basis-space-inline-lg);
  --basis-form-control-padding-block-start: var(--basis-space-block-lg);
  --basis-form-control-padding-block-end: var(--basis-space-block-lg);
  --basis-form-control-line-height: var(--basis-text-line-height-md);
  --basis-form-control-font-weight: var(--basis-text-font-weight-default);
  --basis-form-control-font-size: var(--basis-text-font-size-md);
  --basis-form-control-font-family: var(--basis-text-font-family-default);
  --basis-form-control-placeholder-color: var(--basis-color-default-color-subtle);
  --basis-form-control-color: var(--basis-color-default-color-document);
  --basis-form-control-border-width: var(--basis-border-width-sm);
  --basis-form-control-border-radius: 0px;
  --basis-form-control-border-color: var(--basis-color-default-border-default);
  --basis-form-control-background-color: var(--basis-color-default-bg-document);
  --basis-form-control-accent-color: var(--basis-color-action-1-color-default);
  --basis-focus-outline-width: var(--basis-border-width-md);
  --basis-focus-outline-style: dashed;
  --basis-focus-outline-offset: 0px;
  --basis-focus-inverse-outline-color: #ffffff;
  --basis-focus-outline-color: #0b0c0c;
  --basis-focus-color: #0b0c0c;
  --basis-focus-background-color: #ffdd00;
  --basis-action-submit-cursor: pointer;
  --basis-action-activate-cursor: pointer;
  --basis-box-shadow-lg: 0 16px 48px 0 var(--basis-color-default-color-default);
  --basis-box-shadow-md: 0 8px 16px 0 var(--basis-color-default-color-default);
  --basis-box-shadow-sm: 0 2px 6px 0 var(--basis-color-default-color-default);
  --basis-border-width-lg: 0.25rem;
  --basis-border-width-md: 0.125rem;
  --basis-border-width-sm: 0.0625rem;
  --basis-border-radius-round: 999px;
  --basis-border-radius-lg: 16px;
  --basis-border-radius-md: 8px;
  --basis-border-radius-sm: 4px;
  --basis-size-icon-4xl: 3rem;
  --basis-size-icon-3xl: 3rem;
  --basis-size-icon-2xl: 2.5rem;
  --basis-size-icon-xl: 2rem;
  --basis-size-icon-lg: 1.5rem;
  --basis-size-icon-md: 1.5rem;
  --basis-size-icon-sm: 1.25rem;
  --basis-size-2xl: 160px;
  --basis-size-xl: 96px;
  --basis-size-lg: 64px;
  --basis-size-md: 48px;
  --basis-size-sm: 32px;
  --basis-size-xs: 24px;
  --basis-size-2xs: 16px;
  --basis-size-3xs: 8px;
  --basis-size-4xs: 4px;
  --basis-size-5xs: 2px;
  --basis-space-row-max-6xl: 160px;
  --basis-space-row-max-5xl: 64px;
  --basis-space-row-max-4xl: 32px;
  --basis-space-row-max-3xl: 24px;
  --basis-space-row-max-2xl: 20px;
  --basis-space-row-max-xl: 16px;
  --basis-space-row-max-lg: 12px;
  --basis-space-row-max-md: 8px;
  --basis-space-row-max-sm: 4px;
  --basis-space-row-max-xs: 2px;
  --basis-space-row-max-2xs: 1px;
  --basis-space-row-min-6xl: 160px;
  --basis-space-row-min-5xl: 64px;
  --basis-space-row-min-4xl: 32px;
  --basis-space-row-min-3xl: 24px;
  --basis-space-row-min-2xl: 20px;
  --basis-space-row-min-xl: 16px;
  --basis-space-row-min-lg: 12px;
  --basis-space-row-min-md: 8px;
  --basis-space-row-min-sm: 4px;
  --basis-space-row-min-xs: 2px;
  --basis-space-row-min-2xs: 1px;
  --basis-space-row-6xl: 160px;
  --basis-space-row-5xl: 64px;
  --basis-space-row-4xl: 32px;
  --basis-space-row-3xl: 24px;
  --basis-space-row-2xl: 20px;
  --basis-space-row-xl: 16px;
  --basis-space-row-lg: 12px;
  --basis-space-row-md: 8px;
  --basis-space-row-sm: 4px;
  --basis-space-row-xs: 2px;
  --basis-space-row-2xs: 1px;
  --basis-space-column-max-6xl: 160px;
  --basis-space-column-max-5xl: 64px;
  --basis-space-column-max-4xl: 32px;
  --basis-space-column-max-3xl: 24px;
  --basis-space-column-max-2xl: 20px;
  --basis-space-column-max-xl: 16px;
  --basis-space-column-max-lg: 12px;
  --basis-space-column-max-md: 8px;
  --basis-space-column-max-sm: 4px;
  --basis-space-column-max-xs: 2px;
  --basis-space-column-max-2xs: 1px;
  --basis-space-column-min-6xl: 160px;
  --basis-space-column-min-5xl: 64px;
  --basis-space-column-min-4xl: 32px;
  --basis-space-column-min-3xl: 24px;
  --basis-space-column-min-2xl: 20px;
  --basis-space-column-min-xl: 16px;
  --basis-space-column-min-lg: 12px;
  --basis-space-column-min-md: 8px;
  --basis-space-column-min-sm: 4px;
  --basis-space-column-min-xs: 2px;
  --basis-space-column-min-2xs: 1px;
  --basis-space-column-6xl: 160px;
  --basis-space-column-5xl: 64px;
  --basis-space-column-4xl: 32px;
  --basis-space-column-3xl: 24px;
  --basis-space-column-2xl: 20px;
  --basis-space-column-xl: 16px;
  --basis-space-column-lg: 12px;
  --basis-space-column-md: 8px;
  --basis-space-column-sm: 4px;
  --basis-space-column-xs: 2px;
  --basis-space-column-2xs: 1px;
  --basis-space-text-3xl: 24px; /* 3ch */
  --basis-space-text-2xl: 16px; /* 2ch */
  --basis-space-text-xl: 14px; /* 1.75ch */
  --basis-space-text-lg: 12px; /* 1.5ch */
  --basis-space-text-md: 8px; /* 1ch */
  --basis-space-text-sm: 6px; /* 0.75ch */
  --basis-space-text-xs: 4px; /* 0.5ch */
  --basis-space-text-2xs: 2px; /* 0.25ch */
  --basis-space-text-3xs: 1px; /* 0.125ch */
  --basis-space-block-max-6xl: 128px;
  --basis-space-block-max-5xl: 96px;
  --basis-space-block-max-4xl: 64px;
  --basis-space-block-max-3xl: 48px;
  --basis-space-block-max-2xl: 40px;
  --basis-space-block-max-xl: 32px;
  --basis-space-block-max-lg: 24px;
  --basis-space-block-max-md: 16px;
  --basis-space-block-max-sm: 8px;
  --basis-space-block-max-xs: 4px;
  --basis-space-block-max-2xs: 2px;
  --basis-space-block-min-6xl: 64px;
  --basis-space-block-min-5xl: 48px;
  --basis-space-block-min-4xl: 32px;
  --basis-space-block-min-3xl: 24px;
  --basis-space-block-min-2xl: 20px;
  --basis-space-block-min-xl: 16px;
  --basis-space-block-min-lg: 12px;
  --basis-space-block-min-md: 8px;
  --basis-space-block-min-sm: 4px;
  --basis-space-block-min-xs: 2px;
  --basis-space-block-min-2xs: 1px;
  --basis-space-block-6xl: 64px;
  --basis-space-block-5xl: 48px;
  --basis-space-block-4xl: 32px;
  --basis-space-block-3xl: 24px;
  --basis-space-block-2xl: 20px;
  --basis-space-block-xl: 16px;
  --basis-space-block-lg: 12px;
  --basis-space-block-md: 8px;
  --basis-space-block-sm: 4px;
  --basis-space-block-xs: 2px;
  --basis-space-block-2xs: 1px;
  --basis-space-inline-max-6xl: 128px;
  --basis-space-inline-max-5xl: 96px;
  --basis-space-inline-max-4xl: 64px;
  --basis-space-inline-max-3xl: 48px;
  --basis-space-inline-max-2xl: 40px;
  --basis-space-inline-max-xl: 32px;
  --basis-space-inline-max-lg: 24px;
  --basis-space-inline-max-md: 16px;
  --basis-space-inline-max-sm: 8px;
  --basis-space-inline-max-xs: 4px;
  --basis-space-inline-max-2xs: 2px;
  --basis-space-inline-min-6xl: 64px;
  --basis-space-inline-min-5xl: 48px;
  --basis-space-inline-min-4xl: 32px;
  --basis-space-inline-min-3xl: 24px;
  --basis-space-inline-min-2xl: 20px;
  --basis-space-inline-min-xl: 16px;
  --basis-space-inline-min-lg: 12px;
  --basis-space-inline-min-md: 8px;
  --basis-space-inline-min-sm: 4px;
  --basis-space-inline-min-xs: 2px;
  --basis-space-inline-min-2xs: 1px;
  --basis-space-inline-6xl: 64px;
  --basis-space-inline-5xl: 48px;
  --basis-space-inline-4xl: 32px;
  --basis-space-inline-3xl: 24px;
  --basis-space-inline-2xl: 20px;
  --basis-space-inline-xl: 16px;
  --basis-space-inline-lg: 12px;
  --basis-space-inline-md: 8px;
  --basis-space-inline-sm: 4px;
  --basis-space-inline-xs: 2px;
  --basis-space-inline-2xs: 1px;
  --basis-color-selected-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-selected-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-selected-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-selected-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-selected-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-selected-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-selected-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-selected-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-selected-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-selected-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-selected-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-selected-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-selected-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-highlight-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-highlight-inverse-color-subtle: var(--voorbeeld-kleuren-geel-300);
  --basis-color-highlight-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-highlight-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-highlight-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-highlight-inverse-border-active: var(--voorbeeld-kleuren-geel-200);
  --basis-color-highlight-inverse-border-hover: var(--voorbeeld-kleuren-geel-200);
  --basis-color-highlight-inverse-border-default: var(--voorbeeld-kleuren-geel-300);
  --basis-color-highlight-inverse-border-subtle: var(--voorbeeld-kleuren-geel-400);
  --basis-color-highlight-inverse-bg-active: var(--voorbeeld-kleuren-geel-600);
  --basis-color-highlight-inverse-bg-hover: var(--voorbeeld-kleuren-geel-600);
  --basis-color-highlight-inverse-bg-default: var(--voorbeeld-kleuren-geel-500);
  --basis-color-highlight-inverse-bg-subtle: var(--voorbeeld-kleuren-geel-700);
  --basis-color-highlight-inverse-bg-document: var(--voorbeeld-kleuren-geel-600);
  --basis-color-warning-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-warning-inverse-color-subtle: var(--voorbeeld-kleuren-oranje-300);
  --basis-color-warning-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-warning-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-warning-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-warning-inverse-border-active: var(--voorbeeld-kleuren-oranje-200);
  --basis-color-warning-inverse-border-hover: var(--voorbeeld-kleuren-oranje-200);
  --basis-color-warning-inverse-border-default: var(--voorbeeld-kleuren-oranje-300);
  --basis-color-warning-inverse-border-subtle: var(--voorbeeld-kleuren-oranje-400);
  --basis-color-warning-inverse-bg-active: var(--voorbeeld-kleuren-oranje-600);
  --basis-color-warning-inverse-bg-hover: var(--voorbeeld-kleuren-oranje-600);
  --basis-color-warning-inverse-bg-default: var(--voorbeeld-kleuren-oranje-500);
  --basis-color-warning-inverse-bg-subtle: var(--voorbeeld-kleuren-oranje-700);
  --basis-color-warning-inverse-bg-document: var(--voorbeeld-kleuren-oranje-600);
  --basis-color-positive-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-positive-inverse-color-subtle: var(--voorbeeld-kleuren-groen-300);
  --basis-color-positive-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-positive-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-positive-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-positive-inverse-border-active: var(--voorbeeld-kleuren-groen-200);
  --basis-color-positive-inverse-border-hover: var(--voorbeeld-kleuren-groen-200);
  --basis-color-positive-inverse-border-default: var(--voorbeeld-kleuren-groen-300);
  --basis-color-positive-inverse-border-subtle: var(--voorbeeld-kleuren-groen-400);
  --basis-color-positive-inverse-bg-active: var(--voorbeeld-kleuren-groen-600);
  --basis-color-positive-inverse-bg-hover: var(--voorbeeld-kleuren-groen-600);
  --basis-color-positive-inverse-bg-default: var(--voorbeeld-kleuren-groen-500);
  --basis-color-positive-inverse-bg-subtle: var(--voorbeeld-kleuren-groen-700);
  --basis-color-positive-inverse-bg-document: var(--voorbeeld-kleuren-groen-600);
  --basis-color-negative-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-negative-inverse-color-subtle: var(--voorbeeld-kleuren-rood-300);
  --basis-color-negative-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-negative-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-negative-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-negative-inverse-border-active: var(--voorbeeld-kleuren-rood-200);
  --basis-color-negative-inverse-border-hover: var(--voorbeeld-kleuren-rood-200);
  --basis-color-negative-inverse-border-default: var(--voorbeeld-kleuren-rood-300);
  --basis-color-negative-inverse-border-subtle: var(--voorbeeld-kleuren-rood-400);
  --basis-color-negative-inverse-bg-active: var(--voorbeeld-kleuren-rood-600);
  --basis-color-negative-inverse-bg-hover: var(--voorbeeld-kleuren-rood-600);
  --basis-color-negative-inverse-bg-default: var(--voorbeeld-kleuren-rood-500);
  --basis-color-negative-inverse-bg-subtle: var(--voorbeeld-kleuren-rood-700);
  --basis-color-negative-inverse-bg-document: var(--voorbeeld-kleuren-rood-600);
  --basis-color-info-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-info-inverse-color-subtle: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-info-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-info-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-info-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-info-inverse-border-active: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-info-inverse-border-hover: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-info-inverse-border-default: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-info-inverse-border-subtle: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-info-inverse-bg-active: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-info-inverse-bg-hover: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-info-inverse-bg-default: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-info-inverse-bg-subtle: var(--voorbeeld-kleuren-blauw-700);
  --basis-color-info-inverse-bg-document: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-disabled-inverse-color-document: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-subtle: var(--basis-color-default-inverse-color-subtle);
  --basis-color-disabled-inverse-color-active: 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-default: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-border-active: 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-default: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-subtle: var(--basis-color-default-inverse-border-subtle);
  --basis-color-disabled-inverse-bg-active: 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-default: var(--basis-color-default-inverse-bg-default);
  --basis-color-disabled-inverse-bg-subtle: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-document: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-action-2-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-action-2-inverse-color-subtle: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-action-2-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-action-2-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-action-2-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-action-2-inverse-border-active: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-action-2-inverse-border-hover: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-action-2-inverse-border-default: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-action-2-inverse-border-subtle: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-action-2-inverse-bg-active: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-action-2-inverse-bg-hover: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-action-2-inverse-bg-default: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-action-2-inverse-bg-subtle: var(--voorbeeld-kleuren-blauw-700);
  --basis-color-action-2-inverse-bg-document: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-action-1-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-1-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-1-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-1-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-1-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-1-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-1-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-1-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-1-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-1-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-1-inverse-bg-default: var(--voorbeeld-kleuren-violet-500);
  --basis-color-action-1-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-1-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-3-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-3-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-3-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-3-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-3-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-3-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-3-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-3-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-3-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-3-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-3-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-3-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-3-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-3-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-1-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-accent-1-inverse-color-subtle: var(--voorbeeld-kleuren-violet-300);
  --basis-color-accent-1-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-accent-1-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-accent-1-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-accent-1-inverse-border-active: var(--voorbeeld-kleuren-violet-200);
  --basis-color-accent-1-inverse-border-hover: var(--voorbeeld-kleuren-violet-200);
  --basis-color-accent-1-inverse-border-default: var(--voorbeeld-kleuren-violet-300);
  --basis-color-accent-1-inverse-border-subtle: var(--voorbeeld-kleuren-violet-400);
  --basis-color-accent-1-inverse-bg-active: var(--voorbeeld-kleuren-violet-600);
  --basis-color-accent-1-inverse-bg-hover: var(--voorbeeld-kleuren-violet-600);
  --basis-color-accent-1-inverse-bg-default: var(--voorbeeld-kleuren-violet-500);
  --basis-color-accent-1-inverse-bg-subtle: var(--voorbeeld-kleuren-violet-700);
  --basis-color-accent-1-inverse-bg-document: var(--voorbeeld-kleuren-violet-600);
  --basis-color-default-inverse-color-document: var(--voorbeeld-kleuren-wit);
  --basis-color-default-inverse-color-subtle: var(--voorbeeld-kleuren-grijs-300);
  --basis-color-default-inverse-color-active: var(--voorbeeld-kleuren-wit);
  --basis-color-default-inverse-color-hover: var(--voorbeeld-kleuren-wit);
  --basis-color-default-inverse-color-default: var(--voorbeeld-kleuren-wit);
  --basis-color-default-inverse-border-active: var(--voorbeeld-kleuren-grijs-200);
  --basis-color-default-inverse-border-hover: var(--voorbeeld-kleuren-grijs-200);
  --basis-color-default-inverse-border-default: var(--voorbeeld-kleuren-grijs-300);
  --basis-color-default-inverse-border-subtle: var(--voorbeeld-kleuren-grijs-400);
  --basis-color-default-inverse-bg-active: var(--voorbeeld-kleuren-grijs-600);
  --basis-color-default-inverse-bg-hover: var(--voorbeeld-kleuren-grijs-600);
  --basis-color-default-inverse-bg-default: var(--voorbeeld-kleuren-grijs-500);
  --basis-color-default-inverse-bg-subtle: var(--voorbeeld-kleuren-grijs-700);
  --basis-color-default-inverse-bg-document: var(--voorbeeld-kleuren-grijs-600);
  --basis-color-selected-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-selected-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-selected-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-selected-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-selected-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-selected-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-selected-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-selected-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-selected-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-selected-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-selected-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-selected-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-selected-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-selected-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-highlight-color-document: var(--voorbeeld-kleuren-geel-700);
  --basis-color-highlight-color-subtle: var(--voorbeeld-kleuren-geel-400);
  --basis-color-highlight-color-active: var(--voorbeeld-kleuren-geel-600);
  --basis-color-highlight-color-hover: var(--voorbeeld-kleuren-geel-600);
  --basis-color-highlight-color-default: var(--voorbeeld-kleuren-geel-500);
  --basis-color-highlight-border-active: var(--voorbeeld-kleuren-geel-500);
  --basis-color-highlight-border-hover: var(--voorbeeld-kleuren-geel-500);
  --basis-color-highlight-border-default: var(--voorbeeld-kleuren-geel-400);
  --basis-color-highlight-border-subtle: var(--voorbeeld-kleuren-geel-300);
  --basis-color-highlight-bg-active: var(--voorbeeld-kleuren-geel-200);
  --basis-color-highlight-bg-hover: var(--voorbeeld-kleuren-geel-200);
  --basis-color-highlight-bg-default: var(--voorbeeld-kleuren-geel-100);
  --basis-color-highlight-bg-subtle: var(--voorbeeld-kleuren-geel-50);
  --basis-color-highlight-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-warning-color-document: var(--voorbeeld-kleuren-oranje-700);
  --basis-color-warning-color-subtle: var(--voorbeeld-kleuren-oranje-400);
  --basis-color-warning-color-active: var(--voorbeeld-kleuren-oranje-600);
  --basis-color-warning-color-hover: var(--voorbeeld-kleuren-oranje-600);
  --basis-color-warning-color-default: var(--voorbeeld-kleuren-oranje-500);
  --basis-color-warning-border-active: var(--voorbeeld-kleuren-oranje-500);
  --basis-color-warning-border-hover: var(--voorbeeld-kleuren-oranje-500);
  --basis-color-warning-border-default: var(--voorbeeld-kleuren-oranje-400);
  --basis-color-warning-border-subtle: var(--voorbeeld-kleuren-oranje-300);
  --basis-color-warning-bg-active: var(--voorbeeld-kleuren-oranje-200);
  --basis-color-warning-bg-hover: var(--voorbeeld-kleuren-oranje-200);
  --basis-color-warning-bg-default: var(--voorbeeld-kleuren-oranje-100);
  --basis-color-warning-bg-subtle: var(--voorbeeld-kleuren-oranje-50);
  --basis-color-warning-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-positive-color-document: var(--voorbeeld-kleuren-groen-700);
  --basis-color-positive-color-subtle: var(--voorbeeld-kleuren-groen-400);
  --basis-color-positive-color-active: var(--voorbeeld-kleuren-groen-600);
  --basis-color-positive-color-hover: var(--voorbeeld-kleuren-groen-600);
  --basis-color-positive-color-default: var(--voorbeeld-kleuren-groen-500);
  --basis-color-positive-border-active: var(--voorbeeld-kleuren-groen-500);
  --basis-color-positive-border-hover: var(--voorbeeld-kleuren-groen-500);
  --basis-color-positive-border-default: var(--voorbeeld-kleuren-groen-400);
  --basis-color-positive-border-subtle: var(--voorbeeld-kleuren-groen-300);
  --basis-color-positive-bg-active: var(--voorbeeld-kleuren-groen-200);
  --basis-color-positive-bg-hover: var(--voorbeeld-kleuren-groen-200);
  --basis-color-positive-bg-default: var(--voorbeeld-kleuren-groen-100);
  --basis-color-positive-bg-subtle: var(--voorbeeld-kleuren-groen-50);
  --basis-color-positive-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-negative-color-document: var(--voorbeeld-kleuren-rood-700);
  --basis-color-negative-color-subtle: var(--voorbeeld-kleuren-rood-400);
  --basis-color-negative-color-active: var(--voorbeeld-kleuren-rood-600);
  --basis-color-negative-color-hover: var(--voorbeeld-kleuren-rood-600);
  --basis-color-negative-color-default: var(--voorbeeld-kleuren-rood-500);
  --basis-color-negative-border-active: var(--voorbeeld-kleuren-rood-500);
  --basis-color-negative-border-hover: var(--voorbeeld-kleuren-rood-500);
  --basis-color-negative-border-default: var(--voorbeeld-kleuren-rood-400);
  --basis-color-negative-border-subtle: var(--voorbeeld-kleuren-rood-300);
  --basis-color-negative-bg-active: var(--voorbeeld-kleuren-rood-200);
  --basis-color-negative-bg-hover: var(--voorbeeld-kleuren-rood-200);
  --basis-color-negative-bg-default: var(--voorbeeld-kleuren-rood-100);
  --basis-color-negative-bg-subtle: var(--voorbeeld-kleuren-rood-50);
  --basis-color-negative-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-info-color-document: var(--voorbeeld-kleuren-blauw-700);
  --basis-color-info-color-subtle: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-info-color-active: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-info-color-hover: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-info-color-default: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-info-border-active: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-info-border-hover: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-info-border-default: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-info-border-subtle: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-info-bg-active: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-info-bg-hover: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-info-bg-default: var(--voorbeeld-kleuren-blauw-100);
  --basis-color-info-bg-subtle: var(--voorbeeld-kleuren-blauw-50);
  --basis-color-info-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-disabled-color-document: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-subtle: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-active: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-hover: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-default: var(--basis-color-default-color-subtle);
  --basis-color-disabled-border-active: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-hover: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-default: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-subtle: var(--basis-color-default-border-subtle);
  --basis-color-disabled-bg-active: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-hover: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-default: var(--basis-color-default-bg-default);
  --basis-color-disabled-bg-subtle: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-document: var(--basis-color-disabled-bg-default);
  --basis-color-action-2-color-document: var(--voorbeeld-kleuren-blauw-700);
  --basis-color-action-2-color-subtle: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-action-2-color-active: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-action-2-color-hover: var(--voorbeeld-kleuren-blauw-600);
  --basis-color-action-2-color-default: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-action-2-border-active: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-action-2-border-hover: var(--voorbeeld-kleuren-blauw-500);
  --basis-color-action-2-border-default: var(--voorbeeld-kleuren-blauw-400);
  --basis-color-action-2-border-subtle: var(--voorbeeld-kleuren-blauw-300);
  --basis-color-action-2-bg-active: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-action-2-bg-hover: var(--voorbeeld-kleuren-blauw-200);
  --basis-color-action-2-bg-default: var(--voorbeeld-kleuren-blauw-100);
  --basis-color-action-2-bg-subtle: var(--voorbeeld-kleuren-blauw-50);
  --basis-color-action-2-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-action-1-color-document: var(--basis-color-accent-1-color-document);
  --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-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-action-1-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-1-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-1-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-1-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-1-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-1-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-1-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-1-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-1-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-1-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-3-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-3-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-3-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-3-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-3-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-accent-3-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-3-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-3-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-3-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-3-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-3-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-3-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-3-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-3-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-2-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-2-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-accent-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-1-color-document: var(--voorbeeld-kleuren-violet-700);
  --basis-color-accent-1-color-subtle: var(--voorbeeld-kleuren-violet-400);
  --basis-color-accent-1-color-active: var(--voorbeeld-kleuren-violet-600);
  --basis-color-accent-1-color-hover: var(--voorbeeld-kleuren-violet-600);
  --basis-color-accent-1-color-default: var(--voorbeeld-kleuren-violet-500);
  --basis-color-accent-1-border-active: var(--voorbeeld-kleuren-violet-500);
  --basis-color-accent-1-border-hover: var(--voorbeeld-kleuren-violet-500);
  --basis-color-accent-1-border-default: var(--voorbeeld-kleuren-violet-400);
  --basis-color-accent-1-border-subtle: var(--voorbeeld-kleuren-violet-300);
  --basis-color-accent-1-bg-active: var(--voorbeeld-kleuren-violet-200);
  --basis-color-accent-1-bg-hover: var(--voorbeeld-kleuren-violet-200);
  --basis-color-accent-1-bg-default: var(--voorbeeld-kleuren-violet-100);
  --basis-color-accent-1-bg-subtle: var(--voorbeeld-kleuren-violet-50);
  --basis-color-accent-1-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-default-color-document: var(--voorbeeld-kleuren-grijs-700);
  --basis-color-default-color-subtle: var(--voorbeeld-kleuren-grijs-400);
  --basis-color-default-color-active: var(--voorbeeld-kleuren-grijs-600);
  --basis-color-default-color-hover: var(--voorbeeld-kleuren-grijs-600);
  --basis-color-default-color-default: var(--voorbeeld-kleuren-grijs-500);
  --basis-color-default-border-active: var(--voorbeeld-kleuren-grijs-500);
  --basis-color-default-border-hover: var(--voorbeeld-kleuren-grijs-500);
  --basis-color-default-border-default: var(--voorbeeld-kleuren-grijs-400);
  --basis-color-default-border-subtle: var(--voorbeeld-kleuren-grijs-300);
  --basis-color-default-bg-active: var(--voorbeeld-kleuren-grijs-200);
  --basis-color-default-bg-hover: var(--voorbeeld-kleuren-grijs-200);
  --basis-color-default-bg-default: var(--voorbeeld-kleuren-grijs-100);
  --basis-color-default-bg-subtle: var(--voorbeeld-kleuren-grijs-50);
  --basis-color-default-bg-document: var(--voorbeeld-kleuren-wit);
  --basis-color-transparent: rgba(0, 0, 0, 0);
  --basis-text-line-height-4xl: 1.1;
  --basis-text-line-height-3xl: 1.25;
  --basis-text-line-height-2xl: 1.25;
  --basis-text-line-height-xl: 1.25;
  --basis-text-line-height-lg: 1.25;
  --basis-text-line-height-md: 1.5;
  --basis-text-line-height-sm: 1.5;
  --basis-text-font-size-4xl: 3rem;
  --basis-text-font-size-3xl: 2.5rem;
  --basis-text-font-size-2xl: 2rem;
  --basis-text-font-size-xl: 1.5rem;
  --basis-text-font-size-lg: 1.25rem;
  --basis-text-font-size-md: 1rem;
  --basis-text-font-size-sm: 0.875rem;
  --basis-text-font-weight-bold: 700;
  --basis-text-font-weight-default: 400;
  --basis-text-font-family-monospace: 'Noto Sans Mono', monospace;
  --basis-text-font-family-default: 'Noto Sans', sans-serif;
  --voorbeeld-kleuren-wit: #ffffff;
  --voorbeeld-kleuren-rood-700: #390a0d;
  --voorbeeld-kleuren-rood-600: #75151a;
  --voorbeeld-kleuren-rood-500: #a01d23;
  --voorbeeld-kleuren-rood-400: #cd262d;
  --voorbeeld-kleuren-rood-300: #fcb4b7;
  --voorbeeld-kleuren-rood-200: #fddadc;
  --voorbeeld-kleuren-rood-100: #feeded;
  --voorbeeld-kleuren-rood-50: #fff8f8;
  --voorbeeld-kleuren-oranje-700: #2e1508;
  --voorbeeld-kleuren-oranje-600: #622c10;
  --voorbeeld-kleuren-oranje-500: #863d15;
  --voorbeeld-kleuren-oranje-400: #ac501b;
  --voorbeeld-kleuren-oranje-300: #ffb582;
  --voorbeeld-kleuren-oranje-200: #ffdbc2;
  --voorbeeld-kleuren-oranje-100: #ffeee1;
  --voorbeeld-kleuren-oranje-50: #fff8f3;
  --voorbeeld-kleuren-geel-700: #201b0c;
  --voorbeeld-kleuren-geel-600: #463a14;
  --voorbeeld-kleuren-geel-500: #615117;
  --voorbeeld-kleuren-geel-400: #7d6918;
  --voorbeeld-kleuren-geel-300: #e9c40b;
  --voorbeeld-kleuren-geel-200: #ffe16a;
  --voorbeeld-kleuren-geel-100: #fff1bb;
  --voorbeeld-kleuren-geel-50: #fff9e5;
  --voorbeeld-kleuren-groen-700: #06210d;
  --voorbeeld-kleuren-groen-600: #0c451c;
  --voorbeeld-kleuren-groen-500: #105f26;
  --voorbeeld-kleuren-groen-400: #157b31;
  --voorbeeld-kleuren-groen-300: #6cdd8b;
  --voorbeeld-kleuren-groen-200: #baefc9;
  --voorbeeld-kleuren-groen-100: #ddf7e4;
  --voorbeeld-kleuren-groen-50: #f2fcf4;
  --voorbeeld-kleuren-blauw-700: #001e30;
  --voorbeeld-kleuren-blauw-600: #003e65;
  --voorbeeld-kleuren-blauw-500: #00568b;
  --voorbeeld-kleuren-blauw-400: #006fb3;
  --voorbeeld-kleuren-blauw-300: #8ecef6;
  --voorbeeld-kleuren-blauw-200: #c7e7fa;
  --voorbeeld-kleuren-blauw-100: #e3f3fd;
  --voorbeeld-kleuren-blauw-50: #f4fafe;
  --voorbeeld-kleuren-grijs-700: #001a40;
  --voorbeeld-kleuren-grijs-600: #223c61;
  --voorbeeld-kleuren-grijs-500: #3d5374;
  --voorbeeld-kleuren-grijs-400: #586c88;
  --voorbeeld-kleuren-grijs-300: #c0c7d2;
  --voorbeeld-kleuren-grijs-200: #dfe3e8;
  --voorbeeld-kleuren-grijs-100: #eff1f3;
  --voorbeeld-kleuren-grijs-50: #f9f9fa;
  --voorbeeld-kleuren-violet-700: #1d0857;
  --voorbeeld-kleuren-violet-600: #3b0fb0;
  --voorbeeld-kleuren-violet-500: #5115ef;
  --voorbeeld-kleuren-violet-400: #743fff;
  --voorbeeld-kleuren-violet-300: #cfbdff;
  --voorbeeld-kleuren-violet-200: #e7deff;
  --voorbeeld-kleuren-violet-100: #f3eeff;
  --voorbeeld-kleuren-violet-50: #faf8ff;
}