/**
 * Do not edit directly
 * Generated by Draad Tokens Editor
 * Generated at: 2025-09-26T06:37:02.873Z
 */

.openstad, [data-apos-level] {
  --draad-typography-font-size-sm: 14px;
  --draad-typography-font-size-md: 16px;
  --draad-typography-font-size-lg: 20px;
  --draad-typography-font-size-xl: 24px;
  --draad-typography-font-size-2xl: 32px;
  --draad-typography-font-size-3xl: 40px;
  --draad-typography-font-size-4xl: 48px;
  --draad-typography-line-height-xs: 100%;
  --draad-typography-line-height-sm: 125%;
  --draad-typography-line-height-md: 160%;
  --draad-typography-line-height-lg: 160%;
  --draad-typography-font-weight-normal: Regular;
  --draad-typography-font-weight-bold: Bold;
  --draad-typography-font-family-primary: 'Inter', sans-serif;
  --draad-typography-font-family-secondary: 'Inter', sans-serif;
  --draad-color-white: #ffffff;
  --draad-color-black: #000000;
  --draad-color-gray-100: #F0F4F8;
  --draad-color-gray-200: hsl(0, 0%, 70%);
  --draad-color-gray-300: hsl(0, 0%, 60%);
  --draad-color-gray-400: hsl(0, 0%, 40%);
  --draad-color-gray-500: hsl(0, 0%, 20%);
  --draad-color-gray-600: hsl(0, 0%, 15%);
  --draad-color-gray-700: hsl(0, 0%, 10%);
  --draad-color-gray-800: hsl(0, 0%, 5%);
  --draad-color-gray-900: hsl(0, 0%, 0%);
  --draad-color-pink-200: #96034C;
  --draad-color-pink-300: #43237A;
  --draad-color-red-100: #D6081F;
  --draad-color-yellow-200: #EF7D00;
  --draad-color-yellow-300: #C39600;
  --draad-color-green-100: var(--brummen_groen);
  --draad-color-blue-100: var(--brummen_blauw);
  --draad-color-blue-200: var(--brummen_blauw);
  --draad-color-light-alpha-50: #ffffff0d;
  --draad-color-light-alpha-100: #ffffff1a;
  --draad-color-dark-alpha-50: #0000000d;
  --draad-color-dark-alpha-100: #0000001a;
  --draad-space-inline-flea: 2px;
  --draad-space-inline-ant: 4px;
  --draad-space-inline-beetle: 8px;
  --draad-space-inline-snail: 12px;
  --draad-space-inline-mouse: 16px;
  --draad-space-inline-rat: 20px;
  --draad-space-inline-rabbit: 24px;
  --draad-space-inline-cat: 28px;
  --draad-space-inline-dog: 32px;
  --draad-space-inline-pig: 48px;
  --draad-space-block-flea: 2px;
  --draad-space-block-ant: 4px;
  --draad-space-block-beetle: 8px;
  --draad-space-block-snail: 12px;
  --draad-space-block-mouse: 16px;
  --draad-space-block-rat: 20px;
  --draad-space-block-rabbit: 24px;
  --draad-space-block-cat: 32px;
  --draad-space-block-dog: 48px;
  --draad-space-block-pig: 64px;
  --draad-space-text-flea: 1px;
  --draad-space-text-ant: 2px;
  --draad-space-text-beetle: 4px;
  --draad-space-text-snail: 6px;
  --draad-space-text-mouse: 8px;
  --draad-space-text-rat: 12px;
  --draad-space-text-rabbit: 14px;
  --draad-space-text-cat: 16px;
  --draad-space-text-dog: 24px;
  --draad-space-column-flea: 1px;
  --draad-space-column-ant: 2px;
  --draad-space-column-beetle: 4px;
  --draad-space-column-snail: 8px;
  --draad-space-column-mouse: 12px;
  --draad-space-column-rat: 16px;
  --draad-space-column-rabbit: 20px;
  --draad-space-column-cat: 24px;
  --draad-space-column-dog: 28px;
  --draad-space-column-pig: 32px;
  --draad-space-column-tiger: 48px;
  --draad-space-column-horse: 64px;
  --draad-space-column-elephant: 96px;
  --draad-space-column-giraffe: 160px;
  --draad-space-row-flea: 1px;
  --draad-space-row-ant: 2px;
  --draad-space-row-beetle: 4px;
  --draad-space-row-snail: 8px;
  --draad-space-row-mouse: 12px;
  --draad-space-row-rat: 16px;
  --draad-space-row-rabbit: 20px;
  --draad-space-row-cat: 24px;
  --draad-space-row-dog: 28px;
  --draad-space-row-pig: 32px;
  --draad-space-row-tiger: 48px;
  --draad-space-row-horse: 64px;
  --draad-space-row-elephant: 96px;
  --draad-space-row-giraffe: 160px;
  --draad-border-radius-sm: 0;
  --draad-border-radius-md: 0;
  --draad-border-radius-lg: 6px;
  --draad-border-radius-round: 999px;
  --draad-border-width-sm: 1px;
  --draad-border-width-md: 2px;
  --draad-border-width-lg: 4px;
  --draad-size-5xs: 2px;
  --draad-size-4xs: 4px;
  --draad-size-3xs: 8px;
  --draad-size-2xs: 16px;
  --draad-size-xs: 24px;
  --draad-size-sm: 32px;
  --draad-size-md: 48px;
  --draad-size-lg: 64px;
  --draad-size-xl: 96px;
  --draad-size-2xl: 160px;
  --draad-size-icon-sm: 16px;
  --draad-size-icon-md: 24px;
  --draad-size-icon-lg: 24px;
  --draad-size-icon-xl: 24px;
  --draad-size-icon-2xl: 32px;
  --draad-size-icon-3xl: 40px;
  --draad-size-icon-4xl: 48px;
  --utrecht-root-background-color: #F0F4F8;
  --utrecht-document-background-color: #ffffff;
  --utrecht-document-color: #333;
  --utrecht-document-inverse-background-color: hsl(0, 0%, 5%);
  --utrecht-document-inverse-color: #ffffff;
  --utrecht-document-subtle-color: hsl(0, 0%, 15%);
  --utrecht-document-font-family: 'Inter', sans-serif;
  --utrecht-document-font-size: 16px;
  --utrecht-document-font-weight: Regular;
  --utrecht-document-strong-font-weight: Bold;
  --utrecht-document-line-height: 160%;
  --utrecht-heading-color: #333;
  --utrecht-heading-font-family: 'Inter', sans-serif;
  --utrecht-heading-font-weight: Bold;
  --utrecht-heading-bright: #333;
  --utrecht-container-border-color: #F0F4F8;
  --utrecht-container-border-width: 1px;
  --utrecht-line-border-color: #F0F4F8;
  --utrecht-line-border-width: 1px;
  --utrecht-interaction-color: var(--brummen_groen);
  --utrecht-interaction-active-color: var(--brummen_groen);
  --utrecht-interaction-hover-color: var(--brummen_groen);
  --utrecht-focus-background-color: #ffffff;
  --utrecht-focus-color: var(--brummen_groen);
  --utrecht-focus-outline-color: var(--brummen_groen);
  --utrecht-focus-inverse-outline-color: #ffffff;
  --utrecht-focus-outline-offset: 0;
  --utrecht-focus-outline-style: dotted;
  --utrecht-focus-outline-width: 2px;
  --utrecht-form-control-accent-color: var(--brummen_groen);
  --utrecht-form-control-background-color: #ffffff;
  --utrecht-form-control-border-color: hsl(0, 0%, 20%);
  --utrecht-form-control-border-width: 1px;
  --utrecht-form-control-color: hsl(0, 0%, 5%);
  --utrecht-form-control-active-accent-color: var(--brummen_groen);
  --utrecht-form-control-active-background-color: #F0F4F8;
  --utrecht-form-control-active-border-color: hsl(0, 0%, 20%);
  --utrecht-form-control-active-border-width: 2px;
  --utrecht-form-control-active-color: hsl(0, 0%, 20%);
  --utrecht-form-control-disabled-accent-color: hsl(0, 0%, 20%);
  --utrecht-form-control-disabled-background-color: #F0F4F8;
  --utrecht-form-control-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-form-control-disabled-color: hsl(0, 0%, 20%);
  --utrecht-form-control-focus-background-color: #ffffff;
  --utrecht-form-control-focus-border-color: #000000;
  --utrecht-form-control-focus-border-width: 2px;
  --utrecht-form-control-focus-color: #000000;
  --utrecht-form-control-hover-accent-color: var(--brummen_groen);
  --utrecht-form-control-hover-background-color: #F0F4F8;
  --utrecht-form-control-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-form-control-hover-border-width: 2px;
  --utrecht-form-control-hover-color: hsl(0, 0%, 5%);
  --utrecht-form-control-invalid-background-color: #ffffff;
  --utrecht-form-control-invalid-border-color: #D6081F;
  --utrecht-form-control-invalid-border-width: 2px;
  --utrecht-form-control-invalid-color: #D6081F;
  --utrecht-form-control-read-only-background-color: #F0F4F8;
  --utrecht-form-control-read-only-border-color: hsl(0, 0%, 20%);
  --utrecht-form-control-read-only-color: hsl(0, 0%, 5%);
  --utrecht-form-control-placeholder-color: hsl(0, 0%, 15%);
  --utrecht-pointer-target-min-size: 48px;
  --utrecht-icon-functional-size: 24px;
  --utrecht-icon-toptask-size: 48px;
  --utrecht-feedback-informative-background-color: var(--brummen_blauw);
  --utrecht-feedback-informative-border-color: var(--brummen_blauw);
  --utrecht-feedback-informative-color: var(--brummen_blauw);
  --utrecht-feedback-negative-background-color: #D6081F;
  --utrecht-feedback-negative-border-color: #D6081F;
  --utrecht-feedback-negative-color: #D6081F;
  --utrecht-feedback-positive-background-color: var(--brummen_groen);
  --utrecht-feedback-positive-border-color: var(--brummen_groen);
  --utrecht-feedback-positive-color: var(--brummen_groen);
  --utrecht-feedback-warning-background-color: #EF7D00;
  --utrecht-feedback-warning-border-color: #EF7D00;
  --utrecht-feedback-warning-color: #EF7D00;
  --voorbeeld-test: 33px;
  --voorbeeld-space-relation-kind: 0px;
  --voorbeeld-space-relation-besties: 8px;
  --voorbeeld-space-relation-vrienden: 16px;
  --voorbeeld-space-relation-bekenden: 24px;
  --voorbeeld-space-relation-onbekenden: 32px;
  --voorbeeld-space-relation-onbemind: 64px;
  --utrecht-accordion-border-radius: 0px;
  --utrecht-accordion-section-border-block-end-width: 1px;
  --utrecht-accordion-section-border-width: auto;
  --utrecht-accordion-section-border-color: #F0F4F8;
  --utrecht-accordion-body-border-color: transparent;
  --utrecht-accordion-body-border-width: 4px;
  --utrecht-accordion-body-padding-block-end: 24px;
  --utrecht-accordion-body-padding-block-start: 24px;
  --utrecht-accordion-body-padding-inline-end: 16px;
  --utrecht-accordion-body-padding-inline-start: 16px;
  --utrecht-accordion-button-font-size: 16px;
  --utrecht-accordion-button-line-height: 160%;
  --utrecht-accordion-button-icon-margin-inline: 8px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-padding-block-end: 12px;
  --utrecht-accordion-button-padding-block-start: 12px;
  --utrecht-accordion-button-padding-inline-end: 20px;
  --utrecht-accordion-button-padding-inline-start: 20px;
  --utrecht-accordion-button-hover-background-color: #F0F4F8;
  --utrecht-accordion-button-hover-border-color: transparent;
  --utrecht-accordion-button-hover-color: var(--brummen_groen);
  --utrecht-accordion-button-expanded-background-color: #F0F4F8;
  --utrecht-accordion-button-expanded-border-color: transparent;
  --utrecht-accordion-button-expanded-color: #000000;
  --utrecht-accordion-button-background-color: #F0F4F8;
  --utrecht-accordion-button-border-color: transparent;
  --utrecht-accordion-button-color: #000000;
  --utrecht-accordion-button-focus-background-color: #F0F4F8;
  --utrecht-accordion-button-focus-border-color: transparent;
  --utrecht-accordion-button-focus-color: var(--brummen_groen);
  --utrecht-accordion-button-active-background-color: #F0F4F8;
  --utrecht-accordion-button-active-border-color: transparent;
  --utrecht-accordion-button-active-color: var(--brummen_groen);
  --utrecht-accordion-button-border-width: 1px;
  --utrecht-accordion-button-font-family: 'Inter', sans-serif;
  --utrecht-accordion-button-font-weight: Bold;
  --utrecht-alert-heading-font-family: 'Inter', sans-serif;
  --utrecht-alert-heading-font-weight: Bold;
  --utrecht-alert-heading-line-height: 125%;
  --utrecht-alert-heading-font-size: 24px;
  --utrecht-alert-column-gap: 8px;
  --utrecht-alert-border-width: 2px;
  --utrecht-alert-padding-block-end: 12px;
  --utrecht-alert-padding-block-start: 12px;
  --utrecht-alert-padding-inline-end: 16px;
  --utrecht-alert-padding-inline-start: 16px;
  --utrecht-alert-informative-background-color: var(--brummen_blauw);
  --utrecht-alert-informative-border-color: var(--brummen_blauw);
  --utrecht-alert-informative-color: #333;
  --utrecht-alert-icon-informative-color: var(--brummen_blauw);
  --utrecht-alert-icon-padding-block-end: 12px;
  --utrecht-alert-icon-padding-block-start: 12px;
  --utrecht-alert-icon-padding-inline-end: 0px;
  --utrecht-alert-icon-padding-inline-start: 0px;
  --utrecht-alert-icon-positive-color: var(--brummen_groen);
  --utrecht-alert-icon-negative-color: #D6081F;
  --utrecht-alert-icon-warning-color: #EF7D00;
  --utrecht-alert-icon-size: 24px;
  --utrecht-alert-negative-background-color: #D6081F;
  --utrecht-alert-negative-border-color: #D6081F;
  --utrecht-alert-negative-color: #333;
  --utrecht-alert-positive-background-color: var(--brummen_groen);
  --utrecht-alert-positive-border-color: var(--brummen_groen);
  --utrecht-alert-positive-color: #333;
  --utrecht-alert-warning-background-color: #EF7D00;
  --utrecht-alert-warning-border-color: #EF7D00;
  --utrecht-alert-warning-color: #333;
  --utrecht-alert-message-row-gap: 8px;
  --utrecht-alert-message-padding-block-end: 12px;
  --utrecht-alert-message-padding-block-start: 8px;
  --utrecht-alert-content-row-gap: 8px;
  --todo-avatar-background-color: var(--brummen_groen);
  --todo-avatar-border-radius: 999px;
  --todo-avatar-size: 48px;
  --todo-avatar-icon-icon-size: 24px;
  --todo-avatar-border-color: transparent;
  --todo-avatar-color: #ffffff;
  --todo-avatar-text-font-family: 'Inter', sans-serif;
  --todo-avatar-text-font-weight: Bold;
  --todo-avatar-text-line-height: 160%;
  --todo-avatar-text-text-transform: uppercase;
  --todo-avatar-text-font-size: 16px;
  --todo-avatar-border-width: 1px;
  --todo-avatar-hover-background-color: var(--brummen_groen);
  --todo-avatar-hover-border-color: transparent;
  --todo-avatar-hover-color: #ffffff;
  --todo-backdrop-background-color: #000000;
  --todo-backdrop-color: #ffffff;
  --todo-backdrop-opacity: 0.2;
  --todo-backdrop-reduced-transparency-opacity: 0.98;
  --todo-backdrop-z-index: auto;
  --todo-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-blockquote-attribution-font-size: 14px;
  --utrecht-blockquote-attribution-font-family: 'Inter', sans-serif;
  --utrecht-blockquote-attribution-line-height: 160%;
  --utrecht-blockquote-attribution-font-weight: Regular;
  --utrecht-blockquote-attribution-padding-block-start: 12px;
  --utrecht-blockquote-attribution-color: hsl(0, 0%, 15%);
  --utrecht-blockquote-content-font-family: 'Inter', sans-serif;
  --utrecht-blockquote-content-line-height: 125%;
  --utrecht-blockquote-content-font-weight: Regular;
  --utrecht-blockquote-content-font-size: 24px;
  --utrecht-blockquote-content-color: #333;
  --utrecht-blockquote-padding-block-end: 12px;
  --utrecht-blockquote-padding-block-start: 12px;
  --utrecht-blockquote-padding-inline-end: 0px;
  --utrecht-blockquote-padding-inline-start: 0px;
  --utrecht-blockquote-background-color: transparent;
  --todo-breadcrumb-line-height: 160%;
  --todo-breadcrumb-font-size: 16px;
  --todo-breadcrumb-link-icon-size: 24px;
  --todo-breadcrumb-link-icon-margin-inline: 4px;
  --todo-breadcrumb-link-padding-block-end: 12px;
  --todo-breadcrumb-link-padding-block-start: 12px;
  --todo-breadcrumb-link-padding-inline-end: 0px;
  --todo-breadcrumb-link-padding-inline-start: 0px;
  --todo-breadcrumb-link-color: var(--brummen_groen);
  --todo-breadcrumb-link-active-color: var(--brummen_groen);
  --todo-breadcrumb-link-active-text-decoration: none;
  --todo-breadcrumb-link-focus-background-color: #ffffff;
  --todo-breadcrumb-link-focus-color: var(--brummen_groen);
  --todo-breadcrumb-link-focus-text-decoration: none;
  --todo-breadcrumb-link-hover-color: var(--brummen_groen);
  --todo-breadcrumb-link-hover-text-decoration: none;
  --todo-breadcrumb-link-current-color: hsl(0, 0%, 15%);
  --todo-breadcrumb-link-text-decoration: underline;
  --todo-breadcrumb-divider-size: 16px;
  --todo-breadcrumb-divider-color: hsl(0, 0%, 15%);
  --todo-breadcrumb-margin-inline: 8px;
  --todo-breadcrumb-font-family: 'Inter', sans-serif;
  --todo-breadcrumb-font-weight: Regular;
  --utrecht-button-group-background-color: transparent;
  --utrecht-button-group-column-gap: 8px;
  --utrecht-button-group-margin-block-end: 0px;
  --utrecht-button-group-margin-block-start: 0px;
  --utrecht-button-group-padding-block-end: 0px;
  --utrecht-button-group-padding-block-start: 0px;
  --utrecht-button-group-row-gap: 8px;
  --utrecht-button-primary-action-hover-background-color: #043C71;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-hover-color: white;
  --utrecht-button-primary-action-background-color: var(--brummen_blauw);
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-primary-action-color: white;
  --utrecht-button-primary-action-disabled-background-color: #F0F4F8;
  --utrecht-button-primary-action-disabled-border-color: transparent;
  --utrecht-button-primary-action-disabled-color: hsl(0, 0%, 20%);
  --utrecht-button-primary-action-focus-background-color: #043C71;
  --utrecht-button-primary-action-focus-border-color: #3F84E5;
  --utrecht-button-primary-action-focus-color: white;
  --utrecht-button-primary-action-font-weight: Bold;
  --utrecht-button-primary-action-active-background-color: #043C71;
  --utrecht-button-primary-action-active-border-color: transparent;
  --utrecht-button-primary-action-active-color: #ffffff;
  --utrecht-button-secondary-action-hover-background-color: #EEE;
  --utrecht-button-secondary-action-hover-border-color: transparent;
  --utrecht-button-secondary-action-hover-color: #000;
  --utrecht-button-secondary-action-background-color: #FFF;
  --utrecht-button-secondary-action-border-color: transparent;
  --utrecht-button-secondary-action-color: #000;
  --utrecht-button-secondary-action-disabled-background-color: #F0F4F8;
  --utrecht-button-secondary-action-disabled-border-color: transparent;
  --utrecht-button-secondary-action-disabled-color: hsl(0, 0%, 20%);
  --utrecht-button-secondary-action-focus-background-color: #ffffff;
  --utrecht-button-secondary-action-focus-border-color: #3F84E5;
  --utrecht-button-secondary-action-focus-color: #000;
  --utrecht-button-secondary-action-font-weight: Bold;
  --utrecht-button-secondary-action-active-background-color: #FFF;
  --utrecht-button-secondary-action-active-border-color: transparent;
  --utrecht-button-secondary-action-active-color: #000;
  --utrecht-button-background-color: transparent;
  --utrecht-button-border-color: hsl(0, 0%, 0%);
  --utrecht-button-color: hsl(0, 0%, 0%);
  --utrecht-button-border-radius: 4px;
  --utrecht-button-border-width: 1px;
  --utrecht-button-icon-size: 24px;
  --utrecht-button-icon-margin-inline: 4px;
  --utrecht-button-font-family: 'Inter', sans-serif;
  --utrecht-button-font-size: 16px;
  --utrecht-button-font-weight: Bold;
  --utrecht-button-subtle-font-weight: Bold;
  --utrecht-button-subtle-hover-background-color: #0000000d;
  --utrecht-button-subtle-hover-border-color: transparent;
  --utrecht-button-subtle-hover-color: var(--brummen_groen);
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-color: var(--brummen_groen);
  --utrecht-button-subtle-disabled-background-color: #F0F4F8;
  --utrecht-button-subtle-disabled-border-color: transparent;
  --utrecht-button-subtle-disabled-color: hsl(0, 0%, 20%);
  --utrecht-button-subtle-focus-background-color: #ffffff;
  --utrecht-button-subtle-focus-border-color: transparent;
  --utrecht-button-subtle-focus-color: var(--brummen_groen);
  --utrecht-button-subtle-active-background-color: #0000001a;
  --utrecht-button-subtle-active-border-color: transparent;
  --utrecht-button-subtle-active-color: var(--brummen_groen);
  --utrecht-button-line-height: 160%;
  --utrecht-button-padding-block-end: 12px;
  --utrecht-button-padding-block-start: 12px;
  --utrecht-button-padding-inline-end: 20px;
  --utrecht-button-padding-inline-start: 20px;
  --utrecht-button-disabled-background-color: #F0F4F8;
  --utrecht-button-disabled-border-color: transparent;
  --utrecht-button-disabled-color: hsl(0, 0%, 20%);
  --utrecht-button-focus-background-color: #ffffff;
  --utrecht-button-focus-border-color: transparent;
  --utrecht-button-focus-color: var(--brummen_blauw);
  --utrecht-button-hover-background-color: #F0F4F8;
  --utrecht-button-hover-border-color: var(--brummen_blauw);
  --utrecht-button-hover-color: var(--brummen_blauw);
  --utrecht-button-hover-scale: 1;
  --utrecht-button-active-background-color: #F0F4F8;
  --utrecht-button-active-border-color: var(--brummen_blauw);
  --utrecht-button-active-color: var(--brummen_blauw);
  --utrecht-button-min-block-size: 48px;
  --utrecht-button-min-inline-size: 48px;
  --todo-checkbox-group-padding-block-end: 8px;
  --todo-checkbox-group-padding-block-start: 8px;
  --todo-checkbox-group-row-gap: 16px;
  --utrecht-checkbox-border-radius: 0px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-icon-size: 24px;
  --utrecht-checkbox-background-color: #ffffff;
  --utrecht-checkbox-border-color: hsl(0, 0%, 20%);
  --utrecht-checkbox-invalid-background-color: #ffffff;
  --utrecht-checkbox-invalid-border-color: #D6081F;
  --utrecht-checkbox-invalid-border-width: 2px;
  --utrecht-checkbox-focus-background-color: #ffffff;
  --utrecht-checkbox-focus-border-color: #000000;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-disabled-background-color: #F0F4F8;
  --utrecht-checkbox-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-checkbox-checked-background-color: var(--brummen_groen);
  --utrecht-checkbox-checked-border-color: transparent;
  --utrecht-checkbox-checked-color: #ffffff;
  --utrecht-checkbox-checked-border-width: 1px;
  --utrecht-checkbox-checked-disabled-background-color: hsl(0, 0%, 20%);
  --utrecht-checkbox-checked-disabled-border-color: transparent;
  --utrecht-checkbox-checked-disabled-color: #ffffff;
  --utrecht-checkbox-checked-focus-border-width: 2px;
  --utrecht-checkbox-checked-focus-background-color: #ffffff;
  --utrecht-checkbox-checked-focus-border-color: #000000;
  --utrecht-checkbox-checked-focus-color: #000000;
  --utrecht-checkbox-checked-hover-border-width: 2px;
  --utrecht-checkbox-checked-hover-background-color: var(--brummen_groen);
  --utrecht-checkbox-checked-hover-border-color: transparent;
  --utrecht-checkbox-checked-hover-color: #ffffff;
  --utrecht-checkbox-checked-active-border-width: 2px;
  --utrecht-checkbox-checked-active-background-color: var(--brummen_groen);
  --utrecht-checkbox-checked-active-border-color: transparent;
  --utrecht-checkbox-checked-active-color: #ffffff;
  --utrecht-checkbox-indeterminate-background-color: var(--brummen_groen);
  --utrecht-checkbox-indeterminate-border-color: transparent;
  --utrecht-checkbox-indeterminate-color: #ffffff;
  --utrecht-checkbox-indeterminate-border-width: 1px;
  --utrecht-checkbox-indeterminate-disabled-background-color: hsl(0, 0%, 20%);
  --utrecht-checkbox-indeterminate-disabled-border-color: transparent;
  --utrecht-checkbox-indeterminate-disabled-color: #ffffff;
  --utrecht-checkbox-indeterminate-active-background-color: var(--brummen_groen);
  --utrecht-checkbox-indeterminate-active-border-color: transparent;
  --utrecht-checkbox-indeterminate-active-color: #ffffff;
  --utrecht-checkbox-indeterminate-active-border-width: 2px;
  --utrecht-checkbox-indeterminate-hover-background-color: var(--brummen_groen);
  --utrecht-checkbox-indeterminate-hover-border-color: transparent;
  --utrecht-checkbox-indeterminate-hover-color: #ffffff;
  --utrecht-checkbox-indeterminate-hover-border-width: 2px;
  --utrecht-checkbox-indeterminate-focus-background-color: #ffffff;
  --utrecht-checkbox-indeterminate-focus-border-color: #000000;
  --utrecht-checkbox-indeterminate-focus-color: #000000;
  --utrecht-checkbox-indeterminate-focus-border-width: 2px;
  --utrecht-checkbox-border-width: 1px;
  --utrecht-checkbox-hover-border-width: 2px;
  --utrecht-checkbox-hover-background-color: #F0F4F8;
  --utrecht-checkbox-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-checkbox-active-border-width: 2px;
  --utrecht-checkbox-active-background-color: #F0F4F8;
  --utrecht-checkbox-active-border-color: hsl(0, 0%, 20%);
  --utrecht-counter-badge-font-size: 14px;
  --utrecht-counter-badge-line-height: 160%;
  --utrecht-counter-badge-min-block-size: 24px;
  --utrecht-counter-badge-min-inline-size: 24px;
  --utrecht-counter-badge-font-weight: Bold;
  --utrecht-counter-badge-border-width: 1px;
  --utrecht-counter-badge-border-radius: 999px;
  --utrecht-counter-badge-font-family: 'Inter', sans-serif;
  --utrecht-counter-badge-background-color: #96034C;
  --utrecht-counter-badge-border-color: transparent;
  --utrecht-counter-badge-color: #333;
  --utrecht-counter-badge-padding-inline: 4px;
  --utrecht-counter-badge-padding-block: 4px;
  --todo-data-list-font-family: 'Inter', sans-serif;
  --todo-data-list-item-value-font-weight: Regular;
  --todo-data-list-item-value-row-padding-block-end: 12px;
  --todo-data-list-item-value-row-padding-block-start: 12px;
  --todo-data-list-item-value-row-padding-inline-end: 0px;
  --todo-data-list-item-value-row-padding-inline-start: 0px;
  --todo-data-list-item-value-padding-block-end: 12px;
  --todo-data-list-item-value-padding-block-start: 4px;
  --todo-data-list-item-value-padding-inline-end: 0px;
  --todo-data-list-item-value-padding-inline-start: 0px;
  --todo-data-list-item-key-font-weight: Bold;
  --todo-data-list-item-key-row-padding-block-end: 12px;
  --todo-data-list-item-key-row-padding-block-start: 12px;
  --todo-data-list-item-key-row-padding-inline-end: 16px;
  --todo-data-list-item-key-row-padding-inline-start: 0px;
  --todo-data-list-item-key-padding-block-end: 4px;
  --todo-data-list-item-key-padding-block-start: 12px;
  --todo-data-list-item-key-padding-inline-end: 0px;
  --todo-data-list-item-key-padding-inline-start: 0px;
  --todo-data-list-item-border-width: 1px;
  --todo-data-list-item-border-color: #F0F4F8;
  --todo-data-list-item-color: #333;
  --todo-data-list-font-size: 16px;
  --todo-data-list-line-height: 160%;
  --todo-data-list-item-action-row-padding-block-end: 12px;
  --todo-data-list-item-action-row-padding-block-start: 12px;
  --todo-data-list-item-action-row-padding-inline-end: 0px;
  --todo-data-list-item-action-row-padding-inline-start: 16px;
  --todo-data-list-item-action-padding-block-end: 12px;
  --todo-data-list-item-action-padding-block-start: 12px;
  --todo-data-list-item-action-padding-inline-end: 16px;
  --todo-data-list-item-action-padding-inline-start: 0px;
  --todo-drawer-header-border-width: 1px;
  --todo-drawer-header-label-color: #333;
  --todo-drawer-header-padding-block-end: 8px;
  --todo-drawer-header-padding-block-start: 8px;
  --todo-drawer-header-padding-inline-start: 16px;
  --todo-drawer-header-padding-inline-end: 8px;
  --todo-drawer-header-column-gap: 8px;
  --todo-drawer-header-border-color: #F0F4F8;
  --todo-drawer-header-background-color: transparent;
  --todo-drawer-border-radius: 0px;
  --todo-drawer-footer-border-width: 1px;
  --todo-drawer-footer-padding-block-end: 16px;
  --todo-drawer-footer-padding-block-start: 16px;
  --todo-drawer-footer-padding-inline-start: 16px;
  --todo-drawer-footer-padding-inline-end: 16px;
  --todo-drawer-footer-border-color: #F0F4F8;
  --todo-drawer-footer-background-color: transparent;
  --todo-drawer-border-width: 1px;
  --todo-drawer-content-padding-block-end: 24px;
  --todo-drawer-content-padding-block-start: 24px;
  --todo-drawer-content-padding-inline: 16px;
  --todo-drawer-background-color: #ffffff;
  --todo-drawer-border-color: #F0F4F8;
  --todo-drawer-color: #333;
  --utrecht-drawer-header-label-font-family: 'Inter', sans-serif;
  --utrecht-drawer-header-label-font-size: 16px;
  --utrecht-drawer-header-label-font-weight: Bold;
  --utrecht-drawer-header-label-line-height: 160%;
  --todo-form-field-checkbox-option-column-gap: 8px;
  --utrecht-form-field-description-color: hsl(0, 0%, 15%);
  --utrecht-form-field-description-font-family: 'Inter', sans-serif;
  --utrecht-form-field-description-font-size: 16px;
  --utrecht-form-field-description-font-weight: Regular;
  --utrecht-form-field-description-line-height: 160%;
  --todo-form-field-error-message-icon-size: 24px;
  --todo-form-field-error-message-icon-margin-inline-end: 8px;
  --utrecht-form-field-error-message-color: #D6081F;
  --utrecht-form-field-error-message-font-family: 'Inter', sans-serif;
  --utrecht-form-field-error-message-font-size: 16px;
  --utrecht-form-field-error-message-font-weight: Regular;
  --utrecht-form-field-error-message-line-height: 160%;
  --todo-form-field-label-color: #333;
  --todo-form-field-label-font-family: 'Inter', sans-serif;
  --todo-form-field-label-font-size: 16px;
  --todo-form-field-label-font-weight: Bold;
  --todo-form-field-label-line-height: 160%;
  --todo-form-field-option-label-color: hsl(0, 0%, 5%);
  --todo-form-field-option-label-font-size: 16px;
  --todo-form-field-option-label-line-height: 160%;
  --todo-form-field-option-label-font-family: 'Inter', sans-serif;
  --todo-form-field-option-label-font-weight: Regular;
  --todo-form-field-option-label-disabled-color: hsl(0, 0%, 15%);
  --todo-form-field-radio-option-column-gap: 8px;
  --utrecht-form-field-invalid-border-inline-start-color: #D6081F;
  --utrecht-form-field-invalid-border-inline-start-width: 2px;
  --utrecht-form-field-invalid-padding-inline-start: 16px;
  --utrecht-heading-1-color: #333;
  --utrecht-heading-1-font-family: 'Inter', sans-serif;
  --utrecht-heading-1-font-weight: 700;
  --utrecht-heading-1-line-height: 125%;
  --utrecht-heading-1-font-size: 40px;
  --utrecht-heading-2-color: #333;
  --utrecht-heading-2-font-family: 'Inter', sans-serif;
  --utrecht-heading-2-font-weight: 700;
  --utrecht-heading-2-line-height: 125%;
  --utrecht-heading-2-font-size: 30px;
  --utrecht-heading-3-color: #333;
  --utrecht-heading-3-font-family: 'Inter', sans-serif;
  --utrecht-heading-3-font-weight: 700;
  --utrecht-heading-3-line-height: 125%;
  --utrecht-heading-3-font-size: 24px;
  --utrecht-heading-4-color: #333;
  --utrecht-heading-4-font-family: 'Inter', sans-serif;
  --utrecht-heading-4-font-weight: 700;
  --utrecht-heading-4-line-height: 160%;
  --utrecht-heading-4-font-size: 18px;
  --utrecht-heading-5-color: #333;
  --utrecht-heading-5-font-family: 'Inter', sans-serif;
  --utrecht-heading-5-font-weight: 700;
  --utrecht-heading-5-line-height: 160%;
  --utrecht-heading-5-font-size: 17px;
  --utrecht-heading-6-color: #333;
  --utrecht-heading-6-font-family: 'Inter', sans-serif;
  --utrecht-heading-6-font-weight: 700;
  --utrecht-heading-6-line-height: 160%;
  --utrecht-heading-6-font-size: 16px;
  --todo-icon-only-button-padding-block-end: 12px;
  --todo-icon-only-button-padding-block-start: 12px;
  --todo-icon-only-button-padding-inline-end: 12px;
  --todo-icon-only-button-padding-inline-start: 12px;
  --utrecht-link-line-height: 160%;
  --utrecht-link-color: var(--brummen_blauw);
  --utrecht-link-text-decoration-color: var(--brummen_blauw);
  --utrecht-link-active-color: var(--brummen_blauw);
  --utrecht-link-active-text-decoration: none;
  --utrecht-link-focus-background-color: #ffffff;
  --utrecht-link-focus-color: var(--brummen_blauw);
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-focus-text-decoration-thickness: auto;
  --utrecht-link-hover-color: var(--brummen_blauw);
  --utrecht-link-hover-text-decoration: none;
  --utrecht-link-hover-text-decoration-thickness: auto;
  --utrecht-link-visited-color: var(--brummen_blauw);
  --utrecht-link-text-decoration: underline;
  --utrecht-link-icon-size: 24px;
  --utrecht-link-icon-margin-inline: 4px;
  --utrecht-link-font-size: 16px;
  --utrecht-link-font-family: 'Inter', sans-serif;
  --utrecht-link-text-decoration-thickness: auto;
  --utrecht-link-text-underline-offset: auto;
  --utrecht-link-font-weight: Regular;
  --todo-modal-dialog-border-radius: 6px;
  --todo-modal-dialog-header-padding-block-start: 8px;
  --todo-modal-dialog-header-padding-inline-start: 16px;
  --todo-modal-dialog-header-padding-inline-end: 8px;
  --todo-modal-dialog-header-padding-block-end: 8px;
  --todo-modal-dialog-header-background-color: transparent;
  --todo-modal-dialog-header-label-color: #333;
  --todo-modal-dialog-header-label-font-family: 'Inter', sans-serif;
  --todo-modal-dialog-header-label-font-weight: Bold;
  --todo-modal-dialog-header-label-font-size: 16px;
  --todo-modal-dialog-header-label-line-height: 160%;
  --todo-modal-dialog-header-border-color: #F0F4F8;
  --todo-modal-dialog-header-column-gap: 8px;
  --todo-modal-dialog-header-border-width: 1px;
  --todo-modal-dialog-border-color: transparent;
  --todo-modal-dialog-background-color: #ffffff;
  --todo-modal-dialog-color: #333;
  --todo-modal-dialog-footer-padding-block-start: 16px;
  --todo-modal-dialog-footer-padding-inline-start: 16px;
  --todo-modal-dialog-footer-padding-inline-end: 16px;
  --todo-modal-dialog-footer-padding-block-end: 16px;
  --todo-modal-dialog-footer-background-color: transparent;
  --todo-modal-dialog-footer-border-color: transparent;
  --todo-modal-dialog-footer-border-width: 1px;
  --todo-modal-dialog-content-padding-block-start: 24px;
  --todo-modal-dialog-content-padding-block-end: 24px;
  --todo-modal-dialog-content-padding-inline: 16px;
  --todo-modal-dialog-border-width: 1px;
  --utrecht-ordered-list-padding-inline-start: 24px;
  --utrecht-ordered-list-color: var(--brummen_blauw);
  --utrecht-ordered-list-font-family: 'Inter', sans-serif;
  --utrecht-ordered-list-font-weight: Regular;
  --utrecht-ordered-list-font-size: 16px;
  --utrecht-ordered-list-line-height: 160%;
  --utrecht-ordered-list-item-margin-block-end: 4px;
  --utrecht-ordered-list-item-margin-block-start: 4px;
  --todo-pagination-relative-link-border-width: 1px;
  --todo-pagination-relative-link-icon-margin-inline: 4px;
  --todo-pagination-relative-link-icon-size: 24px;
  --todo-pagination-relative-link-padding-block-end: 12px;
  --todo-pagination-relative-link-padding-block-start: 12px;
  --todo-pagination-relative-link-padding-inline-start: 0px;
  --todo-pagination-relative-link-padding-inline-end: 0px;
  --todo-pagination-relative-link-background-color: transparent;
  --todo-pagination-relative-link-border-color: transparent;
  --todo-pagination-relative-link-color: var(--brummen_groen);
  --todo-pagination-relative-link-active-background-color: transparent;
  --todo-pagination-relative-link-active-border-color: transparent;
  --todo-pagination-relative-link-active-color: var(--brummen_groen);
  --todo-pagination-relative-link-active-text-decoration: underline;
  --todo-pagination-relative-link-focus-background-color: #ffffff;
  --todo-pagination-relative-link-focus-color: var(--brummen_groen);
  --todo-pagination-relative-link-focus-text-decoration: none;
  --todo-pagination-relative-link-hover-background-color: transparent;
  --todo-pagination-relative-link-hover-border-color: transparent;
  --todo-pagination-relative-link-hover-color: var(--brummen_groen);
  --todo-pagination-relative-link-hover-text-decoration: underline;
  --todo-pagination-relative-link-text-decoration: none;
  --todo-pagination-relative-link-border-radius: 0px;
  --todo-pagination-relative-link-font-weight: Regular;
  --todo-pagination-relative-link-min-block-size: 48px;
  --todo-pagination-relative-link-min-inline-size: 48px;
  --todo-pagination-relative-link-disabled-background-color: transparent;
  --todo-pagination-relative-link-disabled-border-color: transparent;
  --todo-pagination-relative-link-disabled-color: hsl(0, 0%, 20%);
  --todo-pagination-page-link-border-width: 1px;
  --todo-pagination-page-link-font-weight: Regular;
  --todo-pagination-page-link-current-font-weight: Bold;
  --todo-pagination-page-link-current-text-decoration: none;
  --todo-pagination-page-link-current-background-color: #F0F4F8;
  --todo-pagination-page-link-current-border-color: transparent;
  --todo-pagination-page-link-current-color: #333;
  --todo-pagination-page-link-border-radius: 0px;
  --todo-pagination-page-link-padding-block-end: 12px;
  --todo-pagination-page-link-padding-block-start: 12px;
  --todo-pagination-page-link-padding-inline-end: 12px;
  --todo-pagination-page-link-padding-inline-start: 12px;
  --todo-pagination-page-link-focus-text-decoration: none;
  --todo-pagination-page-link-focus-background-color: #ffffff;
  --todo-pagination-page-link-focus-color: var(--brummen_groen);
  --todo-pagination-page-link-hover-text-decoration: underline;
  --todo-pagination-page-link-hover-background-color: transparent;
  --todo-pagination-page-link-hover-border-color: transparent;
  --todo-pagination-page-link-hover-color: var(--brummen_groen);
  --todo-pagination-page-link-text-decoration: none;
  --todo-pagination-page-link-active-text-decoration: underline;
  --todo-pagination-page-link-active-background-color: transparent;
  --todo-pagination-page-link-active-border-color: transparent;
  --todo-pagination-page-link-active-color: var(--brummen_groen);
  --todo-pagination-page-link-background-color: transparent;
  --todo-pagination-page-link-border-color: transparent;
  --todo-pagination-page-link-color: var(--brummen_groen);
  --todo-pagination-page-link-min-block-size: 48px;
  --todo-pagination-page-link-min-inline-size: 48px;
  --todo-pagination-font-family: 'Inter', sans-serif;
  --todo-pagination-line-height: 160%;
  --todo-pagination-font-size: 16px;
  --todo-pagination-ellipses-padding-block-end: 12px;
  --todo-pagination-ellipses-padding-block-start: 12px;
  --todo-pagination-ellipses-padding-inline-end: 4px;
  --todo-pagination-ellipses-padding-inline-start: 4px;
  --todo-pagination-ellipses-color: hsl(0, 0%, 15%);
  --todo-pagination-ellipses-font-weight: Regular;
  --todo-pagination-description-color: #333;
  --todo-pagination-description-font-weight: Regular;
  --utrecht-paragraph-color: #333;
  --utrecht-paragraph-font-family: 'Inter', sans-serif;
  --utrecht-paragraph-font-size: 18px;
  --utrecht-paragraph-font-weight: Regular;
  --utrecht-paragraph-line-height: 160%;
  --utrecht-paragraph-lead-color: #333;
  --utrecht-paragraph-lead-font-family: 'Inter', sans-serif;
  --utrecht-paragraph-lead-font-size: 20px;
  --utrecht-paragraph-lead-font-weight: Regular;
  --utrecht-paragraph-lead-line-height: 160%;
  --utrecht-paragraph-small-print-color: #333;
  --utrecht-paragraph-small-print-font-family: 'Inter', sans-serif;
  --utrecht-paragraph-small-print-font-size: 14px;
  --utrecht-paragraph-small-print-font-weight: Regular;
  --utrecht-paragraph-small-print-line-height: 160%;
  --todo-radio-group-padding-block-end: 8px;
  --todo-radio-group-padding-block-start: 8px;
  --todo-radio-group-row-gap: 16px;
  --utrecht-radio-active-border-width: 2px;
  --utrecht-radio-active-background-color: #F0F4F8;
  --utrecht-radio-active-border-color: hsl(0, 0%, 20%);
  --utrecht-radio-size: 24px;
  --utrecht-radio-dot-size: 8px;
  --utrecht-radio-background-color: #ffffff;
  --utrecht-radio-border-color: hsl(0, 0%, 20%);
  --utrecht-radio-invalid-background-color: #ffffff;
  --utrecht-radio-invalid-border-color: #D6081F;
  --utrecht-radio-invalid-border-width: 2px;
  --utrecht-radio-focus-background-color: #ffffff;
  --utrecht-radio-focus-border-color: #000000;
  --utrecht-radio-focus-border-width: 2px;
  --utrecht-radio-disabled-background-color: #F0F4F8;
  --utrecht-radio-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-radio-checked-background-color: var(--brummen_groen);
  --utrecht-radio-checked-border-color: transparent;
  --utrecht-radio-checked-color: #ffffff;
  --utrecht-radio-checked-hover-background-color: var(--brummen_groen);
  --utrecht-radio-checked-hover-border-color: transparent;
  --utrecht-radio-checked-hover-color: #ffffff;
  --utrecht-radio-checked-hover-border-width: 2px;
  --utrecht-radio-checked-active-background-color: var(--brummen_groen);
  --utrecht-radio-checked-active-border-color: transparent;
  --utrecht-radio-checked-active-color: #ffffff;
  --utrecht-radio-checked-active-border-width: 2px;
  --utrecht-radio-checked-focus-background-color: #ffffff;
  --utrecht-radio-checked-focus-border-color: #000000;
  --utrecht-radio-checked-focus-color: #000000;
  --utrecht-radio-checked-focus-border-width: 2px;
  --utrecht-radio-checked-disabled-background-color: hsl(0, 0%, 20%);
  --utrecht-radio-checked-disabled-border-color: transparent;
  --utrecht-radio-checked-disabled-color: #ffffff;
  --utrecht-radio-checked-border-width: 1px;
  --utrecht-radio-hover-background-color: #F0F4F8;
  --utrecht-radio-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-radio-hover-border-width: 2px;
  --utrecht-radio-border-radius: 999px;
  --utrecht-radio-border-width: 1px;
  --utrecht-select-icon-size: 24px;
  --utrecht-select-background-color: #ffffff;
  --utrecht-select-border-color: rgba(205, 219, 231, 1.00);
  --utrecht-select-color: hsl(0, 0%, 5%);
  --utrecht-select-invalid-background-color: #ffffff;
  --utrecht-select-invalid-border-color: #D6081F;
  --utrecht-select-invalid-color: hsl(0, 0%, 5%);
  --utrecht-select-invalid-border-width: 2px;
  --utrecht-select-focus-background-color: #ffffff;
  --utrecht-select-focus-border-color: #000000;
  --utrecht-select-focus-color: #000000;
  --utrecht-select-focus-border-width: 2px;
  --utrecht-select-disabled-background-color: #F0F4F8;
  --utrecht-select-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-select-disabled-color: hsl(0, 0%, 20%);
  --utrecht-select-hover-background-color: #F0F4F8;
  --utrecht-select-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-select-hover-color: hsl(0, 0%, 5%);
  --utrecht-select-hover-border-width: 2px;
  --utrecht-select-padding-block-end: 12px;
  --utrecht-select-padding-block-start: 12px;
  --utrecht-select-padding-inline-end: 12px;
  --utrecht-select-padding-inline-start: 12px;
  --utrecht-select-border-radius: 2px;
  --utrecht-select-border-bottom-width: auto;
  --utrecht-select-border-block-end-width: 2px;
  --utrecht-select-border-width: 2px;
  --utrecht-select-font-family: 'Inter', sans-serif;
  --utrecht-select-font-weight: Regular;
  --utrecht-select-line-height: 160%;
  --utrecht-select-font-size: 16px;
  --utrecht-select-max-inline-size: 400px;
  --utrecht-separator-color: #F0F4F8;
  --utrecht-separator-block-size: 4px;
  --utrecht-separator-padding-block-end: 12px;
  --utrecht-separator-padding-block-start: 12px;
  --denhaag-sidenav-link-line-height: 160%;
  --denhaag-sidenav-link-icon-size: 24px;
  --denhaag-sidenav-link-icon-margin-inline: 8px;
  --denhaag-sidenav-link-font-size: 16px;
  --denhaag-sidenav-link-font-family: 'Inter', sans-serif;
  --denhaag-sidenav-link-font-weight: Regular;
  --denhaag-sidenav-link-current-font-weight: Bold;
  --denhaag-sidenav-link-current-color: #333;
  --denhaag-sidenav-link-color: var(--brummen_groen);
  --denhaag-sidenav-link-active-color: var(--brummen_groen);
  --denhaag-sidenav-link-active-text-decoration: underline;
  --denhaag-sidenav-link-focus-background-color: #ffffff;
  --denhaag-sidenav-link-focus-color: var(--brummen_groen);
  --denhaag-sidenav-link-focus-text-decoration: none;
  --denhaag-sidenav-link-hover-color: var(--brummen_groen);
  --denhaag-sidenav-link-hover-text-decoration: underline;
  --denhaag-sidenav-link-padding-block-start: 12px;
  --denhaag-sidenav-link-padding-block-end: 12px;
  --denhaag-sidenav-link-text-decoration: none;
  --utrecht-skip-link-font-weight: Bold;
  --utrecht-skip-link-font-family: 'Inter', sans-serif;
  --utrecht-skip-link-font-size: 16px;
  --utrecht-skip-link-line-height: 160%;
  --utrecht-skip-link-min-block-size: 48px;
  --utrecht-skip-link-min-inline-size: 48px;
  --utrecht-skip-link-padding-block-end: 12px;
  --utrecht-skip-link-padding-block-start: 12px;
  --utrecht-skip-link-padding-inline-end: 16px;
  --utrecht-skip-link-padding-inline-start: 16px;
  --utrecht-skip-link-focus-background-color: #ffffff;
  --utrecht-skip-link-focus-border-color: transparent;
  --utrecht-skip-link-focus-color: var(--brummen_groen);
  --utrecht-skip-link-focus-text-decoration: none;
  --utrecht-skip-link-background-color: hsl(0, 0%, 5%);
  --utrecht-skip-link-border-color: transparent;
  --utrecht-skip-link-color: #ffffff;
  --utrecht-skip-link-border-width: 1px;
  --utrecht-skip-link-text-decoration: underline;
  --utrecht-status-badge-font-size: 14px;
  --utrecht-status-badge-line-height: 160%;
  --utrecht-status-badge-font-weight: Bold;
  --utrecht-status-badge-border-width: 1px;
  --utrecht-status-badge-font-family: 'Inter', sans-serif;
  --utrecht-status-badge-border-radius: 0;
  --utrecht-status-badge-padding-inline: 4px;
  --utrecht-status-badge-padding-block: 2px;
  --utrecht-status-badge-informative-background-color: var(--brummen_blauw);
  --utrecht-status-badge-informative-border-color: transparent;
  --utrecht-status-badge-informative-color: var(--brummen_blauw);
  --utrecht-status-badge-positive-background-color: var(--brummen_groen);
  --utrecht-status-badge-positive-border-color: transparent;
  --utrecht-status-badge-positive-color: var(--brummen_groen);
  --utrecht-status-badge-negative-background-color: #D6081F;
  --utrecht-status-badge-negative-border-color: transparent;
  --utrecht-status-badge-negative-color: #D6081F;
  --utrecht-status-badge-warning-background-color: #EF7D00;
  --utrecht-status-badge-warning-border-color: transparent;
  --utrecht-status-badge-warning-color: #EF7D00;
  --utrecht-status-badge-background-color: #96034C;
  --utrecht-status-badge-border-color: transparent;
  --utrecht-status-badge-color: #333;
  --utrecht-table-header-cell-line-height: 160%;
  --utrecht-table-header-cell-color: #333;
  --utrecht-table-header-cell-font-family: 'Inter', sans-serif;
  --utrecht-table-header-cell-font-weight: Bold;
  --utrecht-table-header-cell-font-size: 16px;
  --utrecht-table-caption-line-height: 125%;
  --utrecht-table-caption-margin-block-end: 24px;
  --utrecht-table-caption-color: var(--brummen_blauw);
  --utrecht-table-caption-font-family: 'Inter', sans-serif;
  --utrecht-table-caption-font-weight: Bold;
  --utrecht-table-caption-font-size: 24px;
  --utrecht-table-cell-padding-block-end: 12px;
  --utrecht-table-cell-padding-block-start: 12px;
  --utrecht-table-cell-padding-inline-end: 16px;
  --utrecht-table-cell-padding-inline-start: 16px;
  --utrecht-table-data-cell-color: #333;
  --utrecht-table-data-cell-font-family: 'Inter', sans-serif;
  --utrecht-table-data-cell-font-weight: Regular;
  --utrecht-table-data-cell-line-height: 160%;
  --utrecht-table-data-cell-font-size: 16px;
  --utrecht-table-header-border-block-end-width: 2px;
  --utrecht-table-header-border-block-end-color: #F0F4F8;
  --utrecht-table-header-background-color: transparent;
  --utrecht-table-footer-border-block-end-width: 1px;
  --utrecht-table-footer-border-block-end-color: #F0F4F8;
  --utrecht-table-footer-background-color: transparent;
  --utrecht-table-row-border-block-end-width: 1px;
  --utrecht-table-row-border-block-end-color: #F0F4F8;
  --utrecht-table-row-background-color: transparent;
  --utrecht-table-footer-cell-font-weight: Bold;
  --utrecht-table-footer-cell-font-size: 16px;
  --utrecht-table-footer-cell-color: #333;
  --utrecht-table-footer-cell-font-family: 'Inter', sans-serif;
  --utrecht-table-footer-cell-line-height: 160%;
  --todo-task-list-color: #333;
  --todo-task-list-marker-checked-color: #ffffff;
  --todo-task-list-marker-checked-background-color: var(--brummen_groen);
  --todo-task-list-marker-checked-border-color: transparent;
  --todo-task-list-marker-size: 24px;
  --todo-task-list-marker-icon-size: 16px;
  --todo-task-list-marker-border-width: 1px;
  --todo-task-list-marker-not-checked-background-color: #F0F4F8;
  --todo-task-list-marker-not-checked-border-color: hsl(0, 0%, 20%);
  --todo-task-list-marker-border-radius: 0px;
  --todo-task-list-font-family: 'Inter', sans-serif;
  --todo-task-list-font-size: 16px;
  --todo-task-list-font-weight: Regular;
  --todo-task-list-line-height: 160%;
  --todo-task-list-item-column-gap: 12px;
  --todo-task-list-item-margin-block-end: 4px;
  --todo-task-list-item-margin-block-start: 4px;
  --todo-task-list-row-gap: 16px;
  --utrecht-textbox-border-radius: 0px;
  --utrecht-textbox-font-family: 'Inter', sans-serif;
  --utrecht-textbox-font-size: 16px;
  --utrecht-textbox-font-weight: Regular;
  --utrecht-textbox-line-height: 160%;
  --utrecht-textbox-max-inline-size: 400px;
  --utrecht-textbox-padding-block-end: 12px;
  --utrecht-textbox-padding-block-start: 12px;
  --utrecht-textbox-padding-inline-end: 12px;
  --utrecht-textbox-padding-inline-start: 12px;
  --utrecht-textbox-background-color: #ffffff;
  --utrecht-textbox-border-color: rgba(205, 219, 231, 1.00);
  --utrecht-textbox-color: hsl(0, 0%, 5%);
  --utrecht-textbox-invalid-background-color: #ffffff;
  --utrecht-textbox-invalid-border-color: #D6081F;
  --utrecht-textbox-invalid-color: hsl(0, 0%, 5%);
  --utrecht-textbox-invalid-border-width: 2px;
  --utrecht-textbox-placeholder-color: hsl(0, 0%, 15%);
  --utrecht-textbox-border-block-end-width: auto;
  --utrecht-textbox-border-width: 2px;
  --utrecht-textbox-focus-border-width: 2px;
  --utrecht-textbox-focus-background-color: #ffffff;
  --utrecht-textbox-focus-border-color: #000000;
  --utrecht-textbox-focus-color: #000000;
  --utrecht-textbox-disabled-background-color: #F0F4F8;
  --utrecht-textbox-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-textbox-disabled-color: hsl(0, 0%, 20%);
  --utrecht-textbox-read-only-background-color: #F0F4F8;
  --utrecht-textbox-read-only-border-color: hsl(0, 0%, 20%);
  --utrecht-textbox-read-only-color: hsl(0, 0%, 5%);
  --utrecht-textbox-hover-border-width: 2px;
  --utrecht-textbox-hover-background-color: #F0F4F8;
  --utrecht-textbox-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-textbox-hover-color: hsl(0, 0%, 5%);
  --utrecht-textarea-max-inline-size: 400px;
  --utrecht-textarea-padding-block-end: 12px;
  --utrecht-textarea-padding-block-start: 12px;
  --utrecht-textarea-padding-inline-end: 12px;
  --utrecht-textarea-padding-inline-start: 12px;
  --utrecht-textarea-background-color: #ffffff;
  --utrecht-textarea-border-color: hsl(0, 0%, 20%);
  --utrecht-textarea-color: hsl(0, 0%, 5%);
  --utrecht-textarea-invalid-background-color: #ffffff;
  --utrecht-textarea-invalid-border-color: #D6081F;
  --utrecht-textarea-invalid-color: hsl(0, 0%, 5%);
  --utrecht-textarea-invalid-border-width: 2px;
  --utrecht-textarea-placeholder-color: hsl(0, 0%, 15%);
  --utrecht-textarea-focus-background-color: #ffffff;
  --utrecht-textarea-focus-border-color: #000000;
  --utrecht-textarea-focus-color: #000000;
  --utrecht-textarea-focus-border-width: 2px;
  --utrecht-textarea-disabled-background-color: #F0F4F8;
  --utrecht-textarea-disabled-border-color: hsl(0, 0%, 20%);
  --utrecht-textarea-disabled-color: hsl(0, 0%, 20%);
  --utrecht-textarea-read-only-background-color: #F0F4F8;
  --utrecht-textarea-read-only-border-color: hsl(0, 0%, 20%);
  --utrecht-textarea-read-only-color: hsl(0, 0%, 5%);
  --utrecht-textarea-hover-background-color: #F0F4F8;
  --utrecht-textarea-hover-border-color: hsl(0, 0%, 20%);
  --utrecht-textarea-hover-color: hsl(0, 0%, 5%);
  --utrecht-textarea-hover-border-width: 2px;
  --utrecht-textarea-border-radius: 0px;
  --utrecht-textarea-border-bottom-width: auto;
  --utrecht-textarea-border-width: 1px;
  --utrecht-textarea-font-family: 'Inter', sans-serif;
  --utrecht-textarea-font-weight: Regular;
  --utrecht-textarea-line-height: 160%;
  --utrecht-textarea-font-size: 16px;
  --todo-toolbar-button-icon-margin-inline: 4px;
  --todo-toolbar-button-padding-block-end: 12px;
  --todo-toolbar-button-padding-block-start: 12px;
  --todo-toolbar-button-padding-inline-end: 8px;
  --todo-toolbar-button-padding-inline-start: 8px;
  --utrecht-unordered-list-color: #333;
  --utrecht-unordered-list-marker-border-color: var(--brummen_blauw);
  --utrecht-unordered-list-marker-color: var(--brummen_blauw);
  --utrecht-unordered-list-font-family: 'Inter', sans-serif;
  --utrecht-unordered-list-font-size: 16px;
  --utrecht-unordered-list-font-weight: Regular;
  --utrecht-unordered-list-line-height: 160%;
  --utrecht-unordered-list-padding-inline-start: 24px;
  --utrecht-unordered-list-item-margin-block-end: 4px;
  --utrecht-unordered-list-item-margin-block-start: 4px;
  --utrecht-radio-button-background-color: #ffffff;
  --utrecht-radio-button-border-color: #000000;
  --utrecht-radio-button-hover-background-color: #ffffff;
  --utrecht-radio-button-hover-border-color: var(--brummen_blauw);
  --utrecht-radio-button-focus-border-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-background-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-border-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-hover-background-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-hover-border-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-active-background-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-active-border-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-focus-background-color: var(--brummen_blauw);
  --utrecht-radio-button-checked-focus-border-color: var(--brummen_blauw);
  --nlds-default-background-color: #EBF1F5;
  --brummen_blauw: #064a8a;

  --brummen_groen: #c9d12e;
  --brummen_rood: #e30d40;
  --nlds-header-compact-background-color: var(--brummen_blauw);
  --nlds-footer-background-color: white;
  --utrecht-link-social-background-color: var(--brummen_blauw);
  --utrecht-link-social-border-color: var(--brummen_blauw);
}