Gemeente Hoeksche Waard

Token set hoeksche-waard: 1242 declared by this set, 128 from the defaults layer.

Contrast: primary text on primary 4.56:1, primary on background not evaluated (unevaluated).

Colours (Kleuren)

Token	Value	Dark mode	Source	Paints
--nldesign-color-background-dark	#e0e1e2	#2c2e2f	this set	Background dark, Table header background
--nldesign-color-background-darker	#e4e7ec	#22262e	this set	Background darker
--nldesign-color-background-hover	#fcf1f6	#2c0c1a	this set	Main background color
--nldesign-color-border	#7A8AA0	#637186	this set	Border color, Select border, Table row rule, Text input border, --nldesign-component-separator-border-color
--nldesign-color-border-dark	#7A8AA0	#637186	this set	Border dark, Border max contrast
--nldesign-color-button-primary-background	#154273	#81afe2	defaults
--nldesign-color-button-primary-border	#154273	#81afe2	defaults
--nldesign-color-button-primary-hover	#1d5499	#6397da	defaults
--nldesign-color-button-primary-text	#ffffff	#3e3e3e	defaults
--nldesign-color-error	#d70d0d	#e72e2e	this set	Border error, Element error, Error color, Text error, Text input invalid
--nldesign-color-error-hover	#c20c0c	#e93f3f	this set	Error hover
--nldesign-color-error-rgb	215, 13, 13	231, 46, 46	this set	Error text color
--nldesign-color-favorite	#f9cf00	#f3cd12	this set	Background blur filter
--nldesign-color-focus	rgba(83, 21, 246, 0.5)	#4d14e180	this set	Button focus ring
--nldesign-color-focus-rgb	83, 21, 246	77, 20, 225	this set
--nldesign-color-header-background	#3BAC2A	#64cd54	this set
--nldesign-color-header-text	#000000	#ebebeb	this set
--nldesign-color-info	#3BAC2A	#64cd54	this set	Info color, Info hover color, Text input focus
--nldesign-color-info-rgb	59, 172, 42	100, 205, 84	this set
--nldesign-color-link	#2e8721	#7fd672	this set	Link colour
--nldesign-color-link-hover	#3F10BC	#7044e5	this set	Link hover colour
--nldesign-color-link-visited	#2e8721	#7fd672	this set	--nldesign-component-link-visited-color
--nldesign-color-logo-background	transparent		defaults
--nldesign-color-nav-background	#ffffff	#141414	this set
--nldesign-color-placeholder-dark	#e4e7ec	#22262e	this set	Placeholder dark
--nldesign-color-placeholder-light	#f2f4f6	#191e22	this set	Placeholder light
--nldesign-color-primary	#2e8721	#63d553	this set	Badge background, Primary button background, Primary color, Primary element color, Primary element light text and 7 more
--nldesign-color-primary-hover	#3F10BC	#3f10bc	this set	Primary button hover, Primary element hover, Primary hover color
--nldesign-color-primary-light	#ebf7ea	#152e13	this set	Primary element light, Tertiary button hover, --color-primary-element-text-dark
--nldesign-color-primary-light-hover	#d8eed4	#213f1c	this set	Primary element light hover, Primary light hover, Tertiary button pressed
--nldesign-color-primary-text	#ffffff	#111111	this set	Badge number, Primary button label, Primary element text, Primary text color
--nldesign-color-success	#39870c	#9ceb6f	this set	Border success, Element success, Success color, Text success
--nldesign-color-success-rgb	57, 135, 12	156, 235, 111	this set	Success hover color
--nldesign-color-text	#0A2750	#afccf5	this set	Body text colour, Main text color, Table header label, --nldesign-component-form-field-label-color, --nldesign-component-heading-1-color and 8 more
--nldesign-color-text-light	#ffffff	#9e9e9e	this set	Muted text default color
--nldesign-color-text-muted	#5B6E8A	#8a9ab2	this set	Text lighter, Text max contrast
--nldesign-color-warning	#a65600	#f6a854	this set	Element warning, Text warning, Warning color
--nldesign-color-warning-rgb	166, 86, 0	246, 168, 84	this set	Warning hover color
--nldesign-component-badge-background-color	`var(
--nldesign-color-primary
)`	#7fd672	defaults
--nldesign-component-badge-color	`var(
--nldesign-color-primary-text
)`	#3e3e3e	defaults
--nldesign-component-button-active-background-color	`var(
--nldesign-color-primary-light-hover
)`	#213f1c	defaults
--nldesign-component-button-active-color	`var(
--nldesign-color-primary
)`	#85de78	defaults
--nldesign-component-button-background-color	transparent		defaults
--nldesign-component-button-border-color	`var(
--nldesign-color-primary
)`	#7fd672	defaults
--nldesign-component-button-color	var(--nldesign-color-primary)	#85de78	defaults
--nldesign-component-button-disabled-background-color	#e5e5e5	#2a2a2a	defaults
--nldesign-component-button-disabled-border-color	#b4b4b4	#535353	defaults
--nldesign-component-button-disabled-color	#696969	#9e9e9e	defaults
--nldesign-component-button-focus-border-color	`var(
--nldesign-color-focus
)`	#4d14e180	defaults
--nldesign-component-button-hover-background-color	`var(
--nldesign-color-primary-light
)`	#152e13	defaults
--nldesign-component-button-hover-border-color	`var(
--nldesign-color-primary-hover
)`	#7044e5	defaults
--nldesign-component-button-hover-color	`var(
--nldesign-color-primary
)`	#85de78	defaults
--nldesign-component-button-primary-action-background-color	`var(
--nldesign-color-primary
)`	#7fd672	defaults
--nldesign-component-button-primary-action-border-color	`var(
--nldesign-color-primary
)`	#7fd672	defaults
--nldesign-component-button-primary-action-color	`var(
--nldesign-color-primary-text
)`	#3e3e3e	defaults
--nldesign-component-button-primary-action-hover-background-color	`var(
--nldesign-color-primary-hover
)`	#7044e5	defaults
--nldesign-component-button-primary-action-hover-color	`var(
--nldesign-color-primary-text
)`	#fefefe	defaults
--nldesign-component-button-secondary-action-background-color	transparent		defaults
--nldesign-component-button-secondary-action-border-color	`var(
--nldesign-color-primary
)`	#7fd672	defaults
--nldesign-component-button-secondary-action-color	`var(
--nldesign-color-primary
)`	#85de78	defaults
--nldesign-component-button-secondary-action-hover-background-color	`var(
--nldesign-color-primary-light
)`	#152e13	defaults
--nldesign-component-form-field-label-color	var(--nldesign-color-text)	#afccf5	defaults
--nldesign-component-form-fieldset-border-color	`var(
--nldesign-color-border
)`	#637186	defaults
--nldesign-component-form-select-border-color	var(--nldesign-color-border)	#637186	defaults
--nldesign-component-form-select-focus-border-color	var(--nldesign-color-info)	#64cd54	defaults
--nldesign-component-heading-1-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-2-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-3-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-4-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-5-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-6-color	var(--nldesign-component-heading-color)	#afccf5	defaults
--nldesign-component-heading-color	var(--nldesign-color-text)	#afccf5	defaults
--nldesign-component-link-color	var(--nldesign-color-link)	#85de78	defaults
--nldesign-component-link-hover-color	var(--nldesign-color-link-hover)	#794cf0	defaults
--nldesign-component-link-visited-color	var(--nldesign-color-link-visited)	#85de78	defaults
--nldesign-component-ordered-list-color	`var(
--nldesign-color-text
)`	#afccf5	defaults
--nldesign-component-paragraph-color	var(--nldesign-color-text)	#afccf5	defaults
--nldesign-component-separator-border-color	var(--nldesign-color-border)	#637186	defaults
--nldesign-component-table-border-color	var(--nldesign-color-border)	#637186	defaults
--nldesign-component-table-header-background-color	transparent		this set
--nldesign-component-table-header-color	#5B6E8A	#8a9ab2	this set
--nldesign-component-table-row-hover-background-color	`var(
--nldesign-color-background-hover
)`	#2c0c1a	defaults
--nldesign-component-textbox-background-color	#ffffff	#141414	defaults
--nldesign-component-textbox-border-color	var(--nldesign-color-border)	#637186	defaults
--nldesign-component-textbox-color	var(--nldesign-color-text)	#afccf5	defaults
--nldesign-component-textbox-disabled-background-color	#e5e5e5	#2a2a2a	defaults
--nldesign-component-textbox-disabled-color	#696969	#9e9e9e	defaults
--nldesign-component-textbox-focus-border-color	var(--nldesign-color-info)	#64cd54	defaults
--nldesign-component-textbox-hover-border-color	`var(
--nldesign-color-border-dark
)`	#637186	defaults
--nldesign-component-textbox-invalid-border-color	var(--nldesign-color-error)	#e72e2e	defaults
--nldesign-component-unordered-list-color	`var(
--nldesign-color-text
)`	#afccf5	defaults

Typography (Typografie)

Token	Value	Dark mode	Source	Paints
--nldesign-component-badge-font-size	0.875rem		defaults
--nldesign-component-badge-font-weight	700		defaults
--nldesign-component-button-font-family	var(--nldesign-font-family)		defaults
--nldesign-component-button-font-size	1rem		defaults
--nldesign-component-button-font-weight	700		defaults
--nldesign-component-form-field-label-font-weight	700		defaults
--nldesign-component-heading-1-font-size	2.5rem		defaults
--nldesign-component-heading-1-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-1-line-height	1.2		defaults
--nldesign-component-heading-2-font-size	2rem		defaults
--nldesign-component-heading-2-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-2-line-height	1.25		defaults
--nldesign-component-heading-3-font-size	1.5rem		defaults
--nldesign-component-heading-3-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-3-line-height	1.3		defaults
--nldesign-component-heading-4-font-size	1.25rem		defaults
--nldesign-component-heading-4-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-4-line-height	1.35		defaults
--nldesign-component-heading-5-font-size	1.125rem		defaults
--nldesign-component-heading-5-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-5-line-height	1.4		defaults
--nldesign-component-heading-6-font-size	1rem		defaults
--nldesign-component-heading-6-font-weight	`var(
--nldesign-component-heading-font-weight
)`		defaults
--nldesign-component-heading-6-line-height	1.5		defaults
--nldesign-component-heading-font-family	var(--nldesign-font-family)		defaults
--nldesign-component-heading-font-weight	var(--nldesign-font-weight-heading)		defaults
--nldesign-component-link-font-weight	`var(
--nldesign-font-weight-default
)`		defaults
--nldesign-component-link-text-decoration	underline		defaults
--nldesign-component-ordered-list-font-size	1rem		defaults
--nldesign-component-ordered-list-line-height	1.5		defaults
--nldesign-component-paragraph-font-family	var(--nldesign-font-family)		defaults
--nldesign-component-paragraph-font-size	1rem		defaults
--nldesign-component-paragraph-font-weight	var(--nldesign-font-weight-default)		defaults
--nldesign-component-paragraph-line-height	1.5		defaults
--nldesign-component-table-header-font-weight	400		this set
--nldesign-component-textbox-font-family	var(--nldesign-font-family)		defaults
--nldesign-component-textbox-font-size	1rem		defaults
--nldesign-component-unordered-list-font-size	1rem		defaults
--nldesign-component-unordered-list-line-height	1.5		defaults
--nldesign-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set	Font family, --nldesign-component-button-font-family, --nldesign-component-textbox-font-family
--nldesign-font-weight-default	400		defaults	Base font size
--nldesign-font-weight-element	500		defaults	Control font weight
--nldesign-font-weight-heading	700		defaults	Heading font weight

Spacing and shape (Ruimte en vorm)

Token	Value	Dark mode	Source	Paints
--nldesign-border-radius	8px		this set	Border radius element, Button corner, Input border width, Select corner, Text input corner
--nldesign-border-radius-large	8px		this set	Container radius
--nldesign-border-radius-pill	100px		this set	Badge shape, Border radius pill
--nldesign-border-radius-rounded	28px		this set	Border radius rounded
--nldesign-border-radius-small	4px		this set	Border radius small
--nldesign-component-badge-border-radius	`var(
--nldesign-border-radius-pill
)`		defaults
--nldesign-component-badge-padding-block	0.125rem		defaults
--nldesign-component-badge-padding-inline	0.5rem		defaults
--nldesign-component-button-border-radius	var(--nldesign-border-radius)		defaults
--nldesign-component-button-border-width	1px		defaults
--nldesign-component-button-padding-block	0.5rem		defaults
--nldesign-component-button-padding-inline	1rem		defaults
--nldesign-component-form-fieldset-border-width	1px		defaults
--nldesign-component-form-select-border-radius	var(--nldesign-border-radius)		defaults
--nldesign-component-separator-border-width	1px		defaults
--nldesign-component-table-border-width	1px		defaults
--nldesign-component-table-cell-padding-block	0.5rem		defaults
--nldesign-component-table-cell-padding-inline	0.75rem		defaults
--nldesign-component-textbox-border-radius	var(--nldesign-border-radius)		defaults
--nldesign-component-textbox-border-width	1px		defaults
--nldesign-component-textbox-padding-block	0.5rem		defaults
--nldesign-component-textbox-padding-inline	0.75rem		defaults
--nldesign-header-border-bottom	0		defaults
--nldesign-logo-height	auto		defaults
--nldesign-logo-width	62px		defaults
--nldesign-size-lint	0px		defaults
--nldesign-size-lint-height	0px		defaults

Other tokens (Overige tokens)

Token	Value	Dark mode	Source	Paints
--nldesign-animation-easing	ease		defaults
--nldesign-animation-quick	100ms		defaults	Header menu item height
--nldesign-animation-slow	300ms		defaults	Animation slow
--nldesign-header-icon-filter	invert(1) brightness(0) contrast(100)		defaults
--nldesign-logo-bottom	1px		defaults
--nldesign-logo-center	50%		defaults
--nldesign-logo-filter	none		defaults
--nldesign-logo-inset	12px		defaults
--nldesign-logo-top	1px		defaults

Tokens nothing reads (Tokens die niets leest)

Token	Value	Dark mode	Source	Paints
--denhaag-sidenav-link-active-color	#290B7A	#a385f4	this set
--denhaag-sidenav-link-active-text-decoration	underline		this set
--denhaag-sidenav-link-color	#3BAC2A	#73d963	this set
--denhaag-sidenav-link-current-color	#0A2750	#afccf5	this set
--denhaag-sidenav-link-current-font-weight	Bold		this set
--denhaag-sidenav-link-focus-background-color	#FFE76B	#9d8508	this set
--denhaag-sidenav-link-focus-color	#000000	#ebebeb	this set
--denhaag-sidenav-link-focus-text-decoration	None		this set
--denhaag-sidenav-link-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--denhaag-sidenav-link-font-size	16px		this set
--denhaag-sidenav-link-font-weight	Regular		this set
--denhaag-sidenav-link-hover-color	#3F10BC	#794cf0	this set
--denhaag-sidenav-link-hover-text-decoration	underline		this set
--denhaag-sidenav-link-icon-margin-inline	8px		this set
--denhaag-sidenav-link-icon-size	24px		this set
--denhaag-sidenav-link-line-height	150%		this set
--denhaag-sidenav-link-padding-block-end	12px		this set
--denhaag-sidenav-link-padding-block-start	12px		this set
--denhaag-sidenav-link-text-decoration	None		this set
--hoeksche-waard-accordion-border-radius	0px		this set
--hoeksche-waard-accordion-button-expanded-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-accordion-button-expanded-border-color	transparent		this set
--hoeksche-waard-accordion-button-expanded-color	#3BAC2A	#73d963	this set
--hoeksche-waard-accordion-button-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-accordion-button-font-size	16px		this set
--hoeksche-waard-accordion-button-font-weight	Bold		this set
--hoeksche-waard-accordion-button-line-height	150%		this set
--hoeksche-waard-accordion-section-border-block-end-width	1px		this set
--hoeksche-waard-accordion-section-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-alert-heading-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-alert-heading-font-size	24px		this set
--hoeksche-waard-alert-heading-font-weight	Bold		this set
--hoeksche-waard-alert-heading-line-height	125%		this set
--hoeksche-waard-avatar-background-color	#3BAC2A	#64cd54	this set
--hoeksche-waard-avatar-border-color	transparent		this set
--hoeksche-waard-avatar-border-radius	999px		this set
--hoeksche-waard-avatar-border-width	1px		this set
--hoeksche-waard-avatar-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-avatar-hover-background-color	#3F10BC	#7044e5	this set
--hoeksche-waard-avatar-hover-border-color	transparent		this set
--hoeksche-waard-avatar-hover-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-avatar-icon-icon-size	24px		this set
--hoeksche-waard-avatar-size	48px		this set
--hoeksche-waard-avatar-text-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-avatar-text-font-size	16px		this set
--hoeksche-waard-avatar-text-font-weight	Bold		this set
--hoeksche-waard-avatar-text-line-height	150%		this set
--hoeksche-waard-avatar-text-text-transform	uppercase		this set
--hoeksche-waard-badge-data-background-color	#F5F2FF	#0d0331	this set
--hoeksche-waard-badge-data-border-radius	4px		this set
--hoeksche-waard-badge-data-color	#0A2750	#afccf5	this set
--hoeksche-waard-badge-data-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-badge-data-font-size	16px		this set
--hoeksche-waard-badge-data-font-weight	Bold		this set
--hoeksche-waard-badge-data-line-height	150%		this set
--hoeksche-waard-badge-data-max-block-size	None		this set
--hoeksche-waard-badge-data-max-inline-size	None		this set
--hoeksche-waard-badge-data-min-block-size	16px		this set
--hoeksche-waard-badge-data-min-inline-size	8px		this set
--hoeksche-waard-badge-data-padding-block-end	2px		this set
--hoeksche-waard-badge-data-padding-block-start	2px		this set
--hoeksche-waard-badge-data-padding-inline-end	4px		this set
--hoeksche-waard-badge-data-padding-inline-start	4px		this set
--hoeksche-waard-badge-data-text-decoration	None		this set
--hoeksche-waard-blockquote-attribution-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-blockquote-attribution-font-weight	Regular		this set
--hoeksche-waard-blockquote-attribution-line-height	150%		this set
--hoeksche-waard-blockquote-content-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-blockquote-content-font-weight	Regular		this set
--hoeksche-waard-blockquote-content-line-height	125%		this set
--hoeksche-waard-blockquote-row-gap	8px		this set
--hoeksche-waard-border-radius-lg	16px		this set
--hoeksche-waard-border-radius-md	8px		this set
--hoeksche-waard-border-radius-round	999px		this set
--hoeksche-waard-border-radius-sm	4px		this set
--hoeksche-waard-border-width-lg	4px		this set
--hoeksche-waard-border-width-md	2px		this set
--hoeksche-waard-border-width-sm	1px		this set
--hoeksche-waard-breadcrumb-nav-column-gap	8px		this set
--hoeksche-waard-breadcrumb-nav-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-breadcrumb-nav-font-size	16px		this set
--hoeksche-waard-breadcrumb-nav-font-weight	Regular		this set
--hoeksche-waard-breadcrumb-nav-line-height	150%		this set
--hoeksche-waard-breadcrumb-nav-link-active-color	#290B7A	#a385f4	this set
--hoeksche-waard-breadcrumb-nav-link-active-text-decoration	None		this set
--hoeksche-waard-breadcrumb-nav-link-color	#3BAC2A	#73d963	this set
--hoeksche-waard-breadcrumb-nav-link-current-color	#5B6E8A	#8a9ab2	this set
--hoeksche-waard-breadcrumb-nav-link-focus-background-color	#FFE76B	#9d8508	this set
--hoeksche-waard-breadcrumb-nav-link-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-breadcrumb-nav-link-focus-text-decoration	None		this set
--hoeksche-waard-breadcrumb-nav-link-hover-color	#3F10BC	#794cf0	this set
--hoeksche-waard-breadcrumb-nav-link-hover-text-decoration	None		this set
--hoeksche-waard-breadcrumb-nav-link-icon-column-gap	4px		this set
--hoeksche-waard-breadcrumb-nav-link-icon-size	24px		this set
--hoeksche-waard-breadcrumb-nav-link-padding-block-end	12px		this set
--hoeksche-waard-breadcrumb-nav-link-padding-block-start	12px		this set
--hoeksche-waard-breadcrumb-nav-link-padding-inline-end	0px		this set
--hoeksche-waard-breadcrumb-nav-link-padding-inline-start	0px		this set
--hoeksche-waard-breadcrumb-nav-link-text-decoration	underline		this set
--hoeksche-waard-breadcrumb-nav-separator-color	#5B6E8A	#7586a0	this set
--hoeksche-waard-breadcrumb-nav-separator-size	16px		this set
--hoeksche-waard-checkbox-checked-active-background-color	#290B7A	#9879ec	this set
--hoeksche-waard-checkbox-checked-active-border-color	transparent		this set
--hoeksche-waard-checkbox-checked-active-border-width	2px		this set
--hoeksche-waard-checkbox-checked-active-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-checkbox-checked-disabled-background-color	#7A8AA0	#637186	this set
--hoeksche-waard-checkbox-checked-disabled-border-color	transparent		this set
--hoeksche-waard-checkbox-checked-disabled-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-checkbox-checked-focus-background-color	#ffffff	#141414	this set
--hoeksche-waard-checkbox-checked-focus-border-color	#000000	#ebebeb	this set
--hoeksche-waard-checkbox-checked-focus-border-width	2px		this set
--hoeksche-waard-checkbox-checked-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-checkbox-checked-hover-background-color	#3F10BC	#7044e5	this set
--hoeksche-waard-checkbox-checked-hover-border-color	transparent		this set
--hoeksche-waard-checkbox-checked-hover-border-width	2px		this set
--hoeksche-waard-checkbox-checked-hover-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-checkbox-group-padding-block-end	8px		this set
--hoeksche-waard-checkbox-group-padding-block-start	8px		this set
--hoeksche-waard-checkbox-group-row-gap	16px		this set
--hoeksche-waard-checkbox-indeterminate-active-background-color	#290B7A	#9879ec	this set
--hoeksche-waard-checkbox-indeterminate-active-border-color	transparent		this set
--hoeksche-waard-checkbox-indeterminate-active-border-width	2px		this set
--hoeksche-waard-checkbox-indeterminate-active-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-checkbox-indeterminate-disabled-background-color	#7A8AA0	#637186	this set
--hoeksche-waard-checkbox-indeterminate-disabled-border-color	transparent		this set
--hoeksche-waard-checkbox-indeterminate-disabled-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-checkbox-indeterminate-focus-background-color	#ffffff	#141414	this set
--hoeksche-waard-checkbox-indeterminate-focus-border-color	#000000	#ebebeb	this set
--hoeksche-waard-checkbox-indeterminate-focus-border-width	2px		this set
--hoeksche-waard-checkbox-indeterminate-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-checkbox-indeterminate-hover-background-color	#3F10BC	#7044e5	this set
--hoeksche-waard-checkbox-indeterminate-hover-border-color	transparent		this set
--hoeksche-waard-checkbox-indeterminate-hover-border-width	2px		this set
--hoeksche-waard-checkbox-indeterminate-hover-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-code-font-family	Fira Code, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-color-black	#000000	#ebebeb	this set
--hoeksche-waard-color-blue-100	#E9F5FD	#082335	this set
--hoeksche-waard-color-blue-200	#D0EBFB	#0a324a	this set
--hoeksche-waard-color-blue-300	#ABDBF8	#0e4667	this set
--hoeksche-waard-color-blue-400	#3EACEF	#1a80bf	this set
--hoeksche-waard-color-blue-50	#F4FAFE	#061d2d	this set
--hoeksche-waard-color-blue-500	#008DE4	#22a4f3	this set
--hoeksche-waard-color-blue-600	#0071B7	#46b2f5	this set
--hoeksche-waard-color-blue-700	#00588F	#66bff7	this set
--hoeksche-waard-color-blue-800	#00436C	#82cbf8	this set
--hoeksche-waard-color-blue-900	#002A44	#a2d8fa	this set
--hoeksche-waard-color-blue-950	#001A29	#b8e2fb	this set
--hoeksche-waard-color-dark-alpha-100	rgba(0, 0, 0, 0.1)	#ebebeb1a	this set
--hoeksche-waard-color-dark-alpha-50	rgba(0, 0, 0, 0.05)	#ebebeb0d	this set
--hoeksche-waard-color-gray-100	#F2F4F6	#191e22	this set
--hoeksche-waard-color-gray-200	#E4E7EC	#22262e	this set
--hoeksche-waard-color-gray-300	#CFD5DD	#2e363f	this set
--hoeksche-waard-color-gray-400	#98A4B6	#505b6d	this set
--hoeksche-waard-color-gray-50	#F9F9FA	#17171b	this set
--hoeksche-waard-color-gray-500	#7A8AA0	#637186	this set
--hoeksche-waard-color-gray-600	#5B6E8A	#7586a0	this set
--hoeksche-waard-color-gray-700	#3F5676	#849ab9	this set
--hoeksche-waard-color-gray-800	#274065	#90aacf	this set
--hoeksche-waard-color-gray-900	#0A2750	#9cbeee	this set
--hoeksche-waard-color-gray-950	#001737	#accdfb	this set
--hoeksche-waard-color-green-100	#E4F9EA	#0f361a	this set
--hoeksche-waard-color-green-200	#C5F1D1	#174e26	this set
--hoeksche-waard-color-green-300	#94E6AB	#217639	this set
--hoeksche-waard-color-green-400	#20BC4B	#46d66e	this set
--hoeksche-waard-color-green-50	#F2FCF4	#0c2a12	this set
--hoeksche-waard-color-green-500	#1B9D3F	#5fdb82	this set
--hoeksche-waard-color-green-600	#167E33	#78e195	this set
--hoeksche-waard-color-green-700	#116227	#8fe6a6	this set
--hoeksche-waard-color-green-800	#0D4A1E	#a2eab6	this set
--hoeksche-waard-color-green-900	#082F13	#b8efc7	this set
--hoeksche-waard-color-green-950	#051C0B	#c7f2d2	this set
--hoeksche-waard-color-light-alpha-100	rgba(255, 255, 255, 0.1)	#1414141a	this set
--hoeksche-waard-color-light-alpha-50	rgba(255, 255, 255, 0.05)	#1414140d	this set
--hoeksche-waard-color-orange-100	#FFF1E7	#3a1a03	this set
--hoeksche-waard-color-orange-200	#FFE1CB	#502404	this set
--hoeksche-waard-color-orange-300	#FFC9A3	#703206	this set
--hoeksche-waard-color-orange-400	#FF7A2A	#d1550b	this set
--hoeksche-waard-color-orange-50	#FFF8F3	#301603	this set
--hoeksche-waard-color-orange-500	#DD6525	#d1652b	this set
--hoeksche-waard-color-orange-600	#B2501F	#d77c4e	this set
--hoeksche-waard-color-orange-700	#8B3E18	#df936e	this set
--hoeksche-waard-color-orange-800	#6A2E13	#e4a588	this set
--hoeksche-waard-color-orange-900	#431D0D	#eabca8	this set
--hoeksche-waard-color-orange-950	#271208	#efcebf	this set
--hoeksche-waard-color-pink-100	#FCF1F6	#2c0c1a	this set
--hoeksche-waard-color-pink-200	#F8E1EB	#381021	this set
--hoeksche-waard-color-pink-300	#F2C9DC	#4b162f	this set
--hoeksche-waard-color-pink-400	#E287B0	#81254e	this set
--hoeksche-waard-color-pink-50	#FDF8FA	#240c16	this set
--hoeksche-waard-color-pink-500	#D85E95	#a22f63	this set
--hoeksche-waard-color-pink-600	#CA2771	#cf3b7f	this set
--hoeksche-waard-color-pink-700	#A60E52	#e85697	this set
--hoeksche-waard-color-pink-800	#7F0B3F	#ec75ab	this set
--hoeksche-waard-color-pink-900	#520729	#f199c1	this set
--hoeksche-waard-color-pink-950	#33041A	#f5b2d1	this set
--hoeksche-waard-color-red-100	#FEF0F1	#300609	this set
--hoeksche-waard-color-red-200	#FEE0E1	#3e0507	this set
--hoeksche-waard-color-red-300	#FDC7CA	#52070b	this set
--hoeksche-waard-color-red-400	#F97D83	#8d0e14	this set
--hoeksche-waard-color-red-50	#FFF8F8	#2c0202	this set
--hoeksche-waard-color-red-500	#F7464E	#b91219	this set
--hoeksche-waard-color-red-600	#D2262E	#d0353c	this set
--hoeksche-waard-color-red-700	#A41E24	#d85a5f	this set
--hoeksche-waard-color-red-800	#7E171C	#e0787d	this set
--hoeksche-waard-color-red-900	#500F12	#e89ea1	this set
--hoeksche-waard-color-red-950	#31090B	#eeb6b9	this set
--hoeksche-waard-color-sample-background-color	#5315F6	#4d14e1	this set
--hoeksche-waard-color-sample-block-size	32px		this set
--hoeksche-waard-color-sample-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-color-sample-border-radius	0px		this set
--hoeksche-waard-color-sample-border-width	1px		this set
--hoeksche-waard-color-sample-dark-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-color-sample-inline-size	32px		this set
--hoeksche-waard-color-sample-light-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-color-sea-green-100	#E5F7F5	#123330	this set
--hoeksche-waard-color-sea-green-200	#C6EFE9	#194d45	this set
--hoeksche-waard-color-sea-green-300	#99E2D8	#267167	this set
--hoeksche-waard-color-sea-green-400	#05B7A0	#47f0da	this set
--hoeksche-waard-color-sea-green-50	#F2FBFA	#0e2926	this set
--hoeksche-waard-color-sea-green-500	#009A85	#5df6e2	this set
--hoeksche-waard-color-sea-green-600	#007B6B	#76f8e7	this set
--hoeksche-waard-color-sea-green-700	#006053	#8cf9ea	this set
--hoeksche-waard-color-sea-green-800	#00493F	#9efaed	this set
--hoeksche-waard-color-sea-green-900	#002E28	#b4fbf2	this set
--hoeksche-waard-color-sea-green-950	#001C18	#c2fcf4	this set
--hoeksche-waard-color-violet-100	#F5F2FF	#0d0331	this set
--hoeksche-waard-color-violet-200	#EBE3FF	#14033d	this set
--hoeksche-waard-color-violet-300	#DBCDFF	#19044f	this set
--hoeksche-waard-color-violet-400	#AF91FF	#27077f	this set
--hoeksche-waard-color-violet-50	#FAF8FF	#0e022c	this set
--hoeksche-waard-color-violet-500	#966EFF	#30089a	this set
--hoeksche-waard-color-violet-600	#7744FF	#3a0abc	this set
--hoeksche-waard-color-violet-700	#5315F6	#4d14e1	this set
--hoeksche-waard-color-violet-800	#3F10BC	#7044e5	this set
--hoeksche-waard-color-violet-900	#290B7A	#9879ec	this set
--hoeksche-waard-color-violet-950	#1A074C	#b59ef1	this set
--hoeksche-waard-color-white	#ffffff	#141414	this set
--hoeksche-waard-color-yellow-100	#FFF5BE	#5b4d05	this set
--hoeksche-waard-color-yellow-200	#FFE76B	#9d8508	this set
--hoeksche-waard-color-yellow-300	#F9D100	#f3ce12	this set
--hoeksche-waard-color-yellow-400	#C0A100	#f5d83f	this set
--hoeksche-waard-color-yellow-50	#FFFADF	#403703	this set
--hoeksche-waard-color-yellow-500	#A08700	#f6de59	this set
--hoeksche-waard-color-yellow-600	#806C00	#f8e372	this set
--hoeksche-waard-color-yellow-700	#645400	#f9e788	this set
--hoeksche-waard-color-yellow-800	#4B3F00	#faeb9c	this set
--hoeksche-waard-color-yellow-900	#2F2800	#fbf0b3	this set
--hoeksche-waard-color-yellow-950	#1C1800	#fcf4c2	this set
--hoeksche-waard-container-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-container-border-width	1px		this set
--hoeksche-waard-document-inverse-background-color	#001737	#accdfb	this set
--hoeksche-waard-document-inverse-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-document-strong-font-weight	Bold		this set
--hoeksche-waard-document-subtle-color	#5B6E8A	#8a9ab2	this set
--hoeksche-waard-drawer-background-color	#ffffff	#141414	this set
--hoeksche-waard-drawer-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-drawer-border-radius	0px		this set
--hoeksche-waard-drawer-border-width	1px		this set
--hoeksche-waard-drawer-color	#0A2750	#afccf5	this set
--hoeksche-waard-drawer-content-padding-block-end	24px		this set
--hoeksche-waard-drawer-content-padding-block-start	24px		this set
--hoeksche-waard-drawer-content-padding-inline	16px		this set
--hoeksche-waard-drawer-footer-background-color	transparent		this set
--hoeksche-waard-drawer-footer-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-drawer-footer-border-width	1px		this set
--hoeksche-waard-drawer-footer-padding-block-end	16px		this set
--hoeksche-waard-drawer-footer-padding-block-start	16px		this set
--hoeksche-waard-drawer-footer-padding-inline-end	16px		this set
--hoeksche-waard-drawer-footer-padding-inline-start	16px		this set
--hoeksche-waard-drawer-header-background-color	transparent		this set
--hoeksche-waard-drawer-header-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-drawer-header-border-width	1px		this set
--hoeksche-waard-drawer-header-column-gap	8px		this set
--hoeksche-waard-drawer-header-label-color	#0A2750	#afccf5	this set
--hoeksche-waard-drawer-header-label-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-drawer-header-label-font-size	16px		this set
--hoeksche-waard-drawer-header-label-font-weight	Bold		this set
--hoeksche-waard-drawer-header-label-line-height	150%		this set
--hoeksche-waard-drawer-header-padding-block-end	8px		this set
--hoeksche-waard-drawer-header-padding-block-start	8px		this set
--hoeksche-waard-drawer-header-padding-inline-end	8px		this set
--hoeksche-waard-drawer-header-padding-inline-start	16px		this set
--hoeksche-waard-feedback-informative-background-color	#E9F5FD	#082335	this set
--hoeksche-waard-feedback-informative-border-color	#0071B7	#46b2f5	this set
--hoeksche-waard-feedback-informative-color	#0071B7	#48b9ff	this set
--hoeksche-waard-feedback-negative-background-color	#FEF0F1	#300609	this set
--hoeksche-waard-feedback-negative-border-color	#D2262E	#d0353c	this set
--hoeksche-waard-feedback-negative-color	#D2262E	#e15b61	this set
--hoeksche-waard-feedback-positive-background-color	#E4F9EA	#0f361a	this set
--hoeksche-waard-feedback-positive-border-color	#167E33	#78e195	this set
--hoeksche-waard-feedback-positive-color	#167E33	#81e99e	this set
--hoeksche-waard-form-control-accent-color	#3BAC2A	#64cd54	this set
--hoeksche-waard-form-control-active-accent-color	#290B7A	#9879ec	this set
--hoeksche-waard-form-control-active-background-color	#F2F4F6	#191e22	this set
--hoeksche-waard-form-control-active-border-color	#7A8AA0	#637186	this set
--hoeksche-waard-form-control-active-border-width	2px		this set
--hoeksche-waard-form-control-active-color	#001737	#c8dfff	this set
--hoeksche-waard-form-control-disabled-accent-color	#7A8AA0	#637186	this set
--hoeksche-waard-form-control-hover-accent-color	#3F10BC	#7044e5	this set
--hoeksche-waard-form-control-hover-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-form-control-hover-border-color	#7A8AA0	#637186	this set
--hoeksche-waard-form-control-hover-border-width	2px		this set
--hoeksche-waard-form-control-hover-color	#001737	#c8dfff	this set
--hoeksche-waard-form-field-checkbox-option-column-gap	8px		this set
--hoeksche-waard-form-field-error-message-column-gap	8px		this set
--hoeksche-waard-form-field-error-message-icon-size	24px		this set
--hoeksche-waard-form-field-label-color	#0A2750	#afccf5	this set
--hoeksche-waard-form-field-label-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-form-field-label-font-size	16px		this set
--hoeksche-waard-form-field-label-font-weight	Bold		this set
--hoeksche-waard-form-field-label-line-height	150%		this set
--hoeksche-waard-form-field-option-label-color	#001737	#c8dfff	this set
--hoeksche-waard-form-field-option-label-disabled-color	#5B6E8A	#8a9ab2	this set
--hoeksche-waard-form-field-option-label-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-form-field-option-label-font-size	16px		this set
--hoeksche-waard-form-field-option-label-font-weight	Regular		this set
--hoeksche-waard-form-field-option-label-line-height	150%		this set
--hoeksche-waard-form-field-radio-option-column-gap	8px		this set
--hoeksche-waard-icon-functional-size	24px		this set
--hoeksche-waard-icon-only-button-padding-block-end	12px		this set
--hoeksche-waard-icon-only-button-padding-block-start	12px		this set
--hoeksche-waard-icon-only-button-padding-inline-end	12px		this set
--hoeksche-waard-icon-only-button-padding-inline-start	12px		this set
--hoeksche-waard-icon-toptask-size	48px		this set
--hoeksche-waard-interaction-active-color	#290B7A	#a385f4	this set
--hoeksche-waard-interaction-color	#3BAC2A	#73d963	this set
--hoeksche-waard-interaction-hover-color	#3F10BC	#794cf0	this set
--hoeksche-waard-line-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-line-border-width	1px		this set
--hoeksche-waard-link-active-text-decoration	None		this set
--hoeksche-waard-link-list-item-active-text-decoration	underline		this set
--hoeksche-waard-link-list-item-column-gap	8px		this set
--hoeksche-waard-link-list-item-focus-text-decoration	none		this set
--hoeksche-waard-link-list-item-hover-text-decoration	underline		this set
--hoeksche-waard-link-list-item-text-decoration	None		this set
--hoeksche-waard-modal-dialog-background-color	#ffffff	#141414	this set
--hoeksche-waard-modal-dialog-border-color	transparent		this set
--hoeksche-waard-modal-dialog-border-radius	16px		this set
--hoeksche-waard-modal-dialog-border-width	1px		this set
--hoeksche-waard-modal-dialog-color	#0A2750	#afccf5	this set
--hoeksche-waard-modal-dialog-content-padding-block-end	24px		this set
--hoeksche-waard-modal-dialog-content-padding-block-start	24px		this set
--hoeksche-waard-modal-dialog-content-padding-inline	16px		this set
--hoeksche-waard-modal-dialog-footer-background-color	transparent		this set
--hoeksche-waard-modal-dialog-footer-border-color	transparent		this set
--hoeksche-waard-modal-dialog-footer-border-width	1px		this set
--hoeksche-waard-modal-dialog-footer-padding-block-end	16px		this set
--hoeksche-waard-modal-dialog-footer-padding-block-start	16px		this set
--hoeksche-waard-modal-dialog-footer-padding-inline-end	16px		this set
--hoeksche-waard-modal-dialog-footer-padding-inline-start	16px		this set
--hoeksche-waard-modal-dialog-header-background-color	transparent		this set
--hoeksche-waard-modal-dialog-header-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-modal-dialog-header-border-width	1px		this set
--hoeksche-waard-modal-dialog-header-column-gap	8px		this set
--hoeksche-waard-modal-dialog-header-label-color	#0A2750	#afccf5	this set
--hoeksche-waard-modal-dialog-header-label-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-modal-dialog-header-label-font-size	16px		this set
--hoeksche-waard-modal-dialog-header-label-font-weight	Bold		this set
--hoeksche-waard-modal-dialog-header-label-line-height	150%		this set
--hoeksche-waard-modal-dialog-header-padding-block-end	8px		this set
--hoeksche-waard-modal-dialog-header-padding-block-start	8px		this set
--hoeksche-waard-modal-dialog-header-padding-inline-end	8px		this set
--hoeksche-waard-modal-dialog-header-padding-inline-start	16px		this set
--hoeksche-waard-pagination-description-color	#0A2750	#afccf5	this set
--hoeksche-waard-pagination-description-font-weight	Regular		this set
--hoeksche-waard-pagination-ellipses-color	#5B6E8A	#8a9ab2	this set
--hoeksche-waard-pagination-ellipses-font-weight	Regular		this set
--hoeksche-waard-pagination-ellipses-padding-block-end	12px		this set
--hoeksche-waard-pagination-ellipses-padding-block-start	12px		this set
--hoeksche-waard-pagination-ellipses-padding-inline-end	4px		this set
--hoeksche-waard-pagination-ellipses-padding-inline-start	4px		this set
--hoeksche-waard-pagination-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-pagination-font-size	16px		this set
--hoeksche-waard-pagination-line-height	150%		this set
--hoeksche-waard-pagination-page-link-active-background-color	transparent		this set
--hoeksche-waard-pagination-page-link-active-border-color	transparent		this set
--hoeksche-waard-pagination-page-link-active-color	#290B7A	#a385f4	this set
--hoeksche-waard-pagination-page-link-active-text-decoration	underline		this set
--hoeksche-waard-pagination-page-link-background-color	transparent		this set
--hoeksche-waard-pagination-page-link-border-color	transparent		this set
--hoeksche-waard-pagination-page-link-border-radius	0px		this set
--hoeksche-waard-pagination-page-link-border-width	1px		this set
--hoeksche-waard-pagination-page-link-color	#3BAC2A	#73d963	this set
--hoeksche-waard-pagination-page-link-current-background-color	#F2F4F6	#191e22	this set
--hoeksche-waard-pagination-page-link-current-border-color	transparent		this set
--hoeksche-waard-pagination-page-link-current-color	#0A2750	#afccf5	this set
--hoeksche-waard-pagination-page-link-current-font-weight	Bold		this set
--hoeksche-waard-pagination-page-link-current-text-decoration	None		this set
--hoeksche-waard-pagination-page-link-focus-background-color	#FFE76B	#9d8508	this set
--hoeksche-waard-pagination-page-link-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-pagination-page-link-focus-text-decoration	None		this set
--hoeksche-waard-pagination-page-link-font-weight	Regular		this set
--hoeksche-waard-pagination-page-link-hover-background-color	transparent		this set
--hoeksche-waard-pagination-page-link-hover-border-color	transparent		this set
--hoeksche-waard-pagination-page-link-hover-color	#3F10BC	#794cf0	this set
--hoeksche-waard-pagination-page-link-hover-text-decoration	underline		this set
--hoeksche-waard-pagination-page-link-min-block-size	48px		this set
--hoeksche-waard-pagination-page-link-min-inline-size	48px		this set
--hoeksche-waard-pagination-page-link-padding-block-end	12px		this set
--hoeksche-waard-pagination-page-link-padding-block-start	12px		this set
--hoeksche-waard-pagination-page-link-padding-inline-end	12px		this set
--hoeksche-waard-pagination-page-link-padding-inline-start	12px		this set
--hoeksche-waard-pagination-page-link-text-decoration	None		this set
--hoeksche-waard-pagination-relative-link-active-background-color	transparent		this set
--hoeksche-waard-pagination-relative-link-active-border-color	transparent		this set
--hoeksche-waard-pagination-relative-link-active-color	#290B7A	#a385f4	this set
--hoeksche-waard-pagination-relative-link-active-text-decoration	underline		this set
--hoeksche-waard-pagination-relative-link-background-color	transparent		this set
--hoeksche-waard-pagination-relative-link-border-color	transparent		this set
--hoeksche-waard-pagination-relative-link-border-radius	0px		this set
--hoeksche-waard-pagination-relative-link-border-width	1px		this set
--hoeksche-waard-pagination-relative-link-color	#3BAC2A	#73d963	this set
--hoeksche-waard-pagination-relative-link-disabled-background-color	transparent		this set
--hoeksche-waard-pagination-relative-link-disabled-border-color	transparent		this set
--hoeksche-waard-pagination-relative-link-disabled-color	#7A8AA0	#8e9cae	this set
--hoeksche-waard-pagination-relative-link-focus-background-color	#FFE76B	#9d8508	this set
--hoeksche-waard-pagination-relative-link-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-pagination-relative-link-focus-text-decoration	None		this set
--hoeksche-waard-pagination-relative-link-font-weight	Regular		this set
--hoeksche-waard-pagination-relative-link-hover-background-color	transparent		this set
--hoeksche-waard-pagination-relative-link-hover-border-color	transparent		this set
--hoeksche-waard-pagination-relative-link-hover-color	#3F10BC	#794cf0	this set
--hoeksche-waard-pagination-relative-link-hover-text-decoration	underline		this set
--hoeksche-waard-pagination-relative-link-icon-margin-inline	4px		this set
--hoeksche-waard-pagination-relative-link-icon-size	24px		this set
--hoeksche-waard-pagination-relative-link-min-block-size	48px		this set
--hoeksche-waard-pagination-relative-link-min-inline-size	48px		this set
--hoeksche-waard-pagination-relative-link-padding-block-end	12px		this set
--hoeksche-waard-pagination-relative-link-padding-block-start	12px		this set
--hoeksche-waard-pagination-relative-link-padding-inline-end	0px		this set
--hoeksche-waard-pagination-relative-link-padding-inline-start	0px		this set
--hoeksche-waard-pagination-relative-link-text-decoration	None		this set
--hoeksche-waard-radio-button-checked-disabled-background-color	#7A8AA0	#637186	this set
--hoeksche-waard-radio-button-checked-disabled-border-color	transparent		this set
--hoeksche-waard-radio-button-checked-disabled-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-radio-group-padding-block-end	8px		this set
--hoeksche-waard-radio-group-padding-block-start	8px		this set
--hoeksche-waard-radio-group-row-gap	16px		this set
--hoeksche-waard-root-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-select-focus-border-width	2px		this set
--hoeksche-waard-select-hover-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-select-hover-border-color	#7A8AA0	#637186	this set
--hoeksche-waard-select-hover-border-width	2px		this set
--hoeksche-waard-select-hover-color	#001737	#c8dfff	this set
--hoeksche-waard-select-icon-size	24px		this set
--hoeksche-waard-select-line-height	150%		this set
--hoeksche-waard-size-2-xl	160px		this set
--hoeksche-waard-size-2-xs	16px		this set
--hoeksche-waard-size-3-xs	8px		this set
--hoeksche-waard-size-4-xs	4px		this set
--hoeksche-waard-size-5-xs	2px		this set
--hoeksche-waard-size-icon-2-xl	32px		this set
--hoeksche-waard-size-icon-3-xl	40px		this set
--hoeksche-waard-size-icon-4-xl	48px		this set
--hoeksche-waard-size-icon-lg	24px		this set
--hoeksche-waard-size-icon-md	24px		this set
--hoeksche-waard-size-icon-sm	16px		this set
--hoeksche-waard-size-icon-xl	24px		this set
--hoeksche-waard-size-lg	64px		this set
--hoeksche-waard-size-md	48px		this set
--hoeksche-waard-size-sm	32px		this set
--hoeksche-waard-size-xl	96px		this set
--hoeksche-waard-size-xs	24px		this set
--hoeksche-waard-skip-link-border-color	transparent		this set
--hoeksche-waard-skip-link-border-width	1px		this set
--hoeksche-waard-skip-link-font-weight	Bold		this set
--hoeksche-waard-space-block-ant	4px		this set
--hoeksche-waard-space-block-beetle	8px		this set
--hoeksche-waard-space-block-cat	32px		this set
--hoeksche-waard-space-block-dog	48px		this set
--hoeksche-waard-space-block-flea	2px		this set
--hoeksche-waard-space-block-mouse	16px		this set
--hoeksche-waard-space-block-pig	64px		this set
--hoeksche-waard-space-block-rabbit	24px		this set
--hoeksche-waard-space-block-rat	20px		this set
--hoeksche-waard-space-block-snail	12px		this set
--hoeksche-waard-space-column-ant	2px		this set
--hoeksche-waard-space-column-beetle	4px		this set
--hoeksche-waard-space-column-cat	24px		this set
--hoeksche-waard-space-column-dog	28px		this set
--hoeksche-waard-space-column-elephant	96px		this set
--hoeksche-waard-space-column-flea	1px		this set
--hoeksche-waard-space-column-giraffe	160px		this set
--hoeksche-waard-space-column-horse	64px		this set
--hoeksche-waard-space-column-mouse	12px		this set
--hoeksche-waard-space-column-pig	32px		this set
--hoeksche-waard-space-column-rabbit	20px		this set
--hoeksche-waard-space-column-rat	16px		this set
--hoeksche-waard-space-column-snail	8px		this set
--hoeksche-waard-space-column-tiger	48px		this set
--hoeksche-waard-space-inline-ant	4px		this set
--hoeksche-waard-space-inline-beetle	8px		this set
--hoeksche-waard-space-inline-cat	28px		this set
--hoeksche-waard-space-inline-dog	32px		this set
--hoeksche-waard-space-inline-flea	2px		this set
--hoeksche-waard-space-inline-mouse	16px		this set
--hoeksche-waard-space-inline-pig	48px		this set
--hoeksche-waard-space-inline-rabbit	24px		this set
--hoeksche-waard-space-inline-rat	20px		this set
--hoeksche-waard-space-inline-snail	12px		this set
--hoeksche-waard-space-relation-bekenden	24px		this set
--hoeksche-waard-space-relation-besties	8px		this set
--hoeksche-waard-space-relation-kind	0px		this set
--hoeksche-waard-space-relation-onbekenden	32px		this set
--hoeksche-waard-space-relation-onbemind	64px		this set
--hoeksche-waard-space-relation-vrienden	16px		this set
--hoeksche-waard-space-row-ant	2px		this set
--hoeksche-waard-space-row-beetle	4px		this set
--hoeksche-waard-space-row-cat	24px		this set
--hoeksche-waard-space-row-dog	28px		this set
--hoeksche-waard-space-row-elephant	96px		this set
--hoeksche-waard-space-row-flea	1px		this set
--hoeksche-waard-space-row-giraffe	160px		this set
--hoeksche-waard-space-row-horse	64px		this set
--hoeksche-waard-space-row-mouse	12px		this set
--hoeksche-waard-space-row-pig	32px		this set
--hoeksche-waard-space-row-rabbit	20px		this set
--hoeksche-waard-space-row-rat	16px		this set
--hoeksche-waard-space-row-snail	8px		this set
--hoeksche-waard-space-row-tiger	48px		this set
--hoeksche-waard-space-text-ant	2px		this set
--hoeksche-waard-space-text-beetle	4px		this set
--hoeksche-waard-space-text-cat	16px		this set
--hoeksche-waard-space-text-dog	24px		this set
--hoeksche-waard-space-text-flea	1px		this set
--hoeksche-waard-space-text-mouse	8px		this set
--hoeksche-waard-space-text-rabbit	14px		this set
--hoeksche-waard-space-text-rat	12px		this set
--hoeksche-waard-space-text-snail	6px		this set
--hoeksche-waard-status-badge-background-color	#F5F2FF	#0d0331	this set
--hoeksche-waard-status-badge-border-color	transparent		this set
--hoeksche-waard-status-badge-border-radius	4px		this set
--hoeksche-waard-status-badge-border-width	1px		this set
--hoeksche-waard-status-badge-color	#0A2750	#afccf5	this set
--hoeksche-waard-status-badge-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-status-badge-font-size	14px		this set
--hoeksche-waard-status-badge-font-weight	Bold		this set
--hoeksche-waard-status-badge-informative-background-color	#E9F5FD	#082335	this set
--hoeksche-waard-status-badge-informative-border-color	transparent		this set
--hoeksche-waard-status-badge-informative-color	#0071B7	#48b9ff	this set
--hoeksche-waard-status-badge-line-height	150%		this set
--hoeksche-waard-status-badge-negative-background-color	#FEF0F1	#300609	this set
--hoeksche-waard-status-badge-negative-border-color	transparent		this set
--hoeksche-waard-status-badge-negative-color	#D2262E	#e15b61	this set
--hoeksche-waard-status-badge-padding-block	2px		this set
--hoeksche-waard-status-badge-padding-inline	4px		this set
--hoeksche-waard-status-badge-positive-background-color	#E4F9EA	#0f361a	this set
--hoeksche-waard-status-badge-positive-border-color	transparent		this set
--hoeksche-waard-status-badge-positive-color	#167E33	#81e99e	this set
--hoeksche-waard-status-badge-warning-background-color	#FFF5BE	#5b4d05	this set
--hoeksche-waard-status-badge-warning-border-color	transparent		this set
--hoeksche-waard-status-badge-warning-color	#806C00	#ffeb7f	this set
--hoeksche-waard-summary-list-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-summary-list-font-size	16px		this set
--hoeksche-waard-summary-list-item-action-padding-block-end	12px		this set
--hoeksche-waard-summary-list-item-action-padding-block-start	12px		this set
--hoeksche-waard-summary-list-item-action-padding-inline-end	16px		this set
--hoeksche-waard-summary-list-item-action-padding-inline-start	0px		this set
--hoeksche-waard-summary-list-item-action-row-padding-block-end	12px		this set
--hoeksche-waard-summary-list-item-action-row-padding-block-start	12px		this set
--hoeksche-waard-summary-list-item-action-row-padding-inline-end	0px		this set
--hoeksche-waard-summary-list-item-action-row-padding-inline-start	16px		this set
--hoeksche-waard-summary-list-item-border-color	#E4E7EC	#22262e	this set
--hoeksche-waard-summary-list-item-border-width	1px		this set
--hoeksche-waard-summary-list-item-color	#0A2750	#afccf5	this set
--hoeksche-waard-summary-list-item-key-font-weight	Bold		this set
--hoeksche-waard-summary-list-item-key-padding-block-end	4px		this set
--hoeksche-waard-summary-list-item-key-padding-block-start	12px		this set
--hoeksche-waard-summary-list-item-key-padding-inline-end	0px		this set
--hoeksche-waard-summary-list-item-key-padding-inline-start	0px		this set
--hoeksche-waard-summary-list-item-key-row-padding-block-end	12px		this set
--hoeksche-waard-summary-list-item-key-row-padding-block-start	12px		this set
--hoeksche-waard-summary-list-item-key-row-padding-inline-end	16px		this set
--hoeksche-waard-summary-list-item-key-row-padding-inline-start	0px		this set
--hoeksche-waard-summary-list-item-value-font-weight	Regular		this set
--hoeksche-waard-summary-list-item-value-padding-block-end	12px		this set
--hoeksche-waard-summary-list-item-value-padding-block-start	4px		this set
--hoeksche-waard-summary-list-item-value-padding-inline-end	0px		this set
--hoeksche-waard-summary-list-item-value-padding-inline-start	0px		this set
--hoeksche-waard-summary-list-item-value-row-padding-block-end	12px		this set
--hoeksche-waard-summary-list-item-value-row-padding-block-start	12px		this set
--hoeksche-waard-summary-list-item-value-row-padding-inline-end	0px		this set
--hoeksche-waard-summary-list-item-value-row-padding-inline-start	0px		this set
--hoeksche-waard-summary-list-line-height	150%		this set
--hoeksche-waard-switch-border-color	transparent		this set
--hoeksche-waard-switch-icon-color	#ffffff	#9e9e9e	this set
--hoeksche-waard-switch-icon-disabled-color	#5B6E8A	#8a9ab2	this set
--hoeksche-waard-switch-icon-focus-color	#000000	#ebebeb	this set
--hoeksche-waard-switch-icon-size	24px		this set
--hoeksche-waard-switch-thumb-background-color	#ffffff	#141414	this set
--hoeksche-waard-switch-thumb-border-color	transparent		this set
--hoeksche-waard-switch-thumb-border-radius	999px		this set
--hoeksche-waard-switch-thumb-border-width	1px		this set
--hoeksche-waard-switch-thumb-disabled-background-color	#ffffff	#141414	this set
--hoeksche-waard-switch-thumb-disabled-box-shadow	None		this set
--hoeksche-waard-switch-thumb-focus-background-color	#000000	#ebebeb	this set
--hoeksche-waard-switch-thumb-min-block-size	32px		this set
--hoeksche-waard-switch-thumb-min-inline-size	32px		this set
--hoeksche-waard-switch-track-active-background-color	#3F5676	#849ab9	this set
--hoeksche-waard-switch-track-background-color	#7A8AA0	#637186	this set
--hoeksche-waard-switch-track-border-radius	999px		this set
--hoeksche-waard-switch-track-border-width	1px		this set
--hoeksche-waard-switch-track-checked-active-background-color	#116227	#8fe6a6	this set
--hoeksche-waard-switch-track-checked-background-color	#1B9D3F	#5fdb82	this set
--hoeksche-waard-switch-track-checked-disabled-background-color	#CFD5DD	#2e363f	this set
--hoeksche-waard-switch-track-checked-focus-background-color	#FFE76B	#9d8508	this set
--hoeksche-waard-switch-track-checked-hover-background-color	#167E33	#78e195	this set
--hoeksche-waard-switch-track-disabled-background-color	#CFD5DD	#2e363f	this set
--hoeksche-waard-switch-track-focus-background-color	#FFE76B	#9d8508	this set
--hoeksche-waard-switch-track-hover-background-color	#5B6E8A	#7586a0	this set
--hoeksche-waard-switch-track-inline-size	5rem		this set
--hoeksche-waard-switch-track-padding-block	4px		this set
--hoeksche-waard-switch-track-padding-inline	4px		this set
--hoeksche-waard-table-footer-border-block-start-color	#E4E7EC	#22262e	this set
--hoeksche-waard-table-footer-border-block-start-width	2px		this set
--hoeksche-waard-table-footer-font-weight	Bold		this set
--hoeksche-waard-task-list-color	#0A2750	#afccf5	this set
--hoeksche-waard-task-list-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-task-list-font-size	16px		this set
--hoeksche-waard-task-list-font-weight	Regular		this set
--hoeksche-waard-task-list-item-column-gap	12px		this set
--hoeksche-waard-task-list-item-margin-block-end	4px		this set
--hoeksche-waard-task-list-item-margin-block-start	4px		this set
--hoeksche-waard-task-list-line-height	150%		this set
--hoeksche-waard-task-list-marker-border-radius	0px		this set
--hoeksche-waard-task-list-marker-border-width	1px		this set
--hoeksche-waard-task-list-marker-checked-background-color	#167E33	#78e195	this set
--hoeksche-waard-task-list-marker-checked-border-color	transparent		this set
--hoeksche-waard-task-list-marker-checked-color	#ffffff	#141414	this set
--hoeksche-waard-task-list-marker-icon-size	16px		this set
--hoeksche-waard-task-list-marker-not-checked-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-task-list-marker-not-checked-border-color	transparent		this set
--hoeksche-waard-task-list-marker-size	24px		this set
--hoeksche-waard-task-list-row-gap	16px		this set
--hoeksche-waard-textarea-hover-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-textarea-hover-border-color	#7A8AA0	#637186	this set
--hoeksche-waard-textarea-hover-color	#001737	#c8dfff	this set
--hoeksche-waard-textbox-hover-background-color	#F9F9FA	#17171b	this set
--hoeksche-waard-textbox-hover-border-color	#7A8AA0	#637186	this set
--hoeksche-waard-textbox-hover-color	#001737	#c8dfff	this set
--hoeksche-waard-toolbar-button-icon-margin-inline	4px		this set
--hoeksche-waard-toolbar-button-padding-block-end	12px		this set
--hoeksche-waard-toolbar-button-padding-block-start	12px		this set
--hoeksche-waard-toolbar-button-padding-inline-end	8px		this set
--hoeksche-waard-toolbar-button-padding-inline-start	8px		this set
--hoeksche-waard-typography-font-family-code	Fira Code, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-typography-font-family-primary	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-typography-font-family-secondary	Fira Sans, Tahoma, Verdana, sans-serif		this set
--hoeksche-waard-typography-font-size-2-xl	32px		this set
--hoeksche-waard-typography-font-size-3-xl	40px		this set
--hoeksche-waard-typography-font-size-4-xl	48px		this set
--hoeksche-waard-typography-font-size-lg	20px		this set
--hoeksche-waard-typography-font-size-md	16px		this set
--hoeksche-waard-typography-font-size-sm	14px		this set
--hoeksche-waard-typography-font-size-xl	24px		this set
--hoeksche-waard-typography-font-weight-bold	Bold		this set
--hoeksche-waard-typography-font-weight-normal	Regular		this set
--hoeksche-waard-typography-line-height-lg	200%		this set
--hoeksche-waard-typography-line-height-md	150%		this set
--hoeksche-waard-typography-line-height-sm	125%		this set
--hoeksche-waard-typography-line-height-xs	100%		this set
--hoeksche-waard-waard-color-primary-200	#3BAC2A	#64cd54	this set
--hoeksche-waard-waard-color-secundary-200	#4D6EB9	#4c6aad	this set
--utrecht-accordion-button-active-background-color	#E4E7EC	#22262e	this set
--utrecht-accordion-button-active-border-color	transparent		this set
--utrecht-accordion-button-active-color	#290B7A	#a385f4	this set
--utrecht-accordion-button-background-color	#F9F9FA	#17171b	this set
--utrecht-accordion-button-border-color	transparent		this set
--utrecht-accordion-button-border-radius	0px		this set
--utrecht-accordion-button-border-width	1px		this set
--utrecht-accordion-button-color	#3BAC2A	#73d963	this set
--utrecht-accordion-button-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-accordion-button-focus-border-color	transparent		this set
--utrecht-accordion-button-focus-color	#000000	#ebebeb	this set
--utrecht-accordion-button-gap	8px		this set
--utrecht-accordion-button-hover-background-color	#F2F4F6	#191e22	this set
--utrecht-accordion-button-hover-border-color	transparent		this set
--utrecht-accordion-button-hover-color	#3F10BC	#794cf0	this set
--utrecht-accordion-button-icon-size	24px		this set
--utrecht-accordion-button-padding-block-end	12px		this set
--utrecht-accordion-button-padding-block-start	12px		this set
--utrecht-accordion-button-padding-inline-end	16px		this set
--utrecht-accordion-button-padding-inline-start	16px		this set
--utrecht-accordion-panel-border-color	transparent		this set
--utrecht-accordion-panel-border-width	1px		this set
--utrecht-accordion-panel-padding-block-end	24px		this set
--utrecht-accordion-panel-padding-block-start	24px		this set
--utrecht-accordion-panel-padding-inline-end	16px		this set
--utrecht-accordion-panel-padding-inline-start	16px		this set
--utrecht-alert-background-color	#E9F5FD	#082335	this set
--utrecht-alert-border-color	#0071B7	#46b2f5	this set
--utrecht-alert-border-radius	0px		this set
--utrecht-alert-border-width	2px		this set
--utrecht-alert-color	#0A2750	#afccf5	this set
--utrecht-alert-column-gap	8px		this set
--utrecht-alert-content-row-gap	16px		this set
--utrecht-alert-error-background-color	#FEF0F1	#300609	this set
--utrecht-alert-error-border-color	#D2262E	#d0353c	this set
--utrecht-alert-error-color	#0A2750	#afccf5	this set
--utrecht-alert-icon-color	#0071B7	#48b9ff	this set
--utrecht-alert-icon-error-color	#D2262E	#e15b61	this set
--utrecht-alert-icon-info-color	#0071B7	#48b9ff	this set
--utrecht-alert-icon-inset-block-start	2px		this set
--utrecht-alert-icon-ok-color	#167E33	#81e99e	this set
--utrecht-alert-icon-size	24px		this set
--utrecht-alert-icon-warning-color	#806C00	#ffeb7f	this set
--utrecht-alert-info-background-color	#E9F5FD	#082335	this set
--utrecht-alert-info-border-color	#0071B7	#46b2f5	this set
--utrecht-alert-info-color	#0A2750	#afccf5	this set
--utrecht-alert-message-row-gap	8px		this set
--utrecht-alert-ok-background-color	#E4F9EA	#0f361a	this set
--utrecht-alert-ok-border-color	#167E33	#78e195	this set
--utrecht-alert-ok-color	#0A2750	#afccf5	this set
--utrecht-alert-padding-block-end	20px		this set
--utrecht-alert-padding-block-start	16px		this set
--utrecht-alert-padding-inline-end	16px		this set
--utrecht-alert-padding-inline-start	16px		this set
--utrecht-alert-warning-background-color	#FFF5BE	#5b4d05	this set
--utrecht-alert-warning-border-color	#806C00	#f8e372	this set
--utrecht-alert-warning-color	#0A2750	#afccf5	this set
--utrecht-backdrop-background-color	#000000	#ebebeb	this set
--utrecht-backdrop-color	#ffffff	#9e9e9e	this set
--utrecht-backdrop-fade-in-animation-duration	0.4s		this set
--utrecht-backdrop-opacity	0.2		this set
--utrecht-backdrop-reduced-transparency-opacity	0.98		this set
--utrecht-backdrop-z-index	auto		this set
--utrecht-badge-data-letter-spacing	None		this set
--utrecht-badge-data-text-transform	None		this set
--utrecht-blockquote-attribution-color	#5B6E8A	#8a9ab2	this set
--utrecht-blockquote-attribution-font-size	14px		this set
--utrecht-blockquote-background-color	transparent		this set
--utrecht-blockquote-content-color	#0A2750	#afccf5	this set
--utrecht-blockquote-content-font-size	24px		this set
--utrecht-blockquote-padding-block-end	12px		this set
--utrecht-blockquote-padding-block-start	12px		this set
--utrecht-blockquote-padding-inline-end	0px		this set
--utrecht-blockquote-padding-inline-start	0px		this set
--utrecht-breadcrumb-nav-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-breadcrumb-nav-font-size	16px		this set
--utrecht-breadcrumb-nav-item-padding-block-end	12px		this set
--utrecht-breadcrumb-nav-item-padding-block-start	12px		this set
--utrecht-breadcrumb-nav-item-padding-inline-end	8px		this set
--utrecht-breadcrumb-nav-item-padding-inline-start	8px		this set
--utrecht-breadcrumb-nav-line-height	150%		this set
--utrecht-breadcrumb-nav-link-active-color	#290B7A	#a385f4	this set
--utrecht-breadcrumb-nav-link-active-text-decoration	None		this set
--utrecht-breadcrumb-nav-link-color	#3BAC2A	#73d963	this set
--utrecht-breadcrumb-nav-link-current-font-weight	Regular		this set
--utrecht-breadcrumb-nav-link-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-breadcrumb-nav-link-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-breadcrumb-nav-link-focus-color	#000000	#ebebeb	this set
--utrecht-breadcrumb-nav-link-focus-text-decoration	None		this set
--utrecht-breadcrumb-nav-link-hover-color	#3F10BC	#794cf0	this set
--utrecht-breadcrumb-nav-link-hover-text-decoration	None		this set
--utrecht-breadcrumb-nav-link-text-decoration	underline		this set
--utrecht-breadcrumb-nav-min-block-size	48px		this set
--utrecht-breadcrumb-nav-separator-color	#5B6E8A	#7586a0	this set
--utrecht-breadcrumb-nav-separator-icon-size	16px		this set
--utrecht-button-active-background-color	#F2F4F6	#191e22	this set
--utrecht-button-active-border-color	#290B7A	#9879ec	this set
--utrecht-button-active-color	#290B7A	#a385f4	this set
--utrecht-button-background-color	transparent		this set
--utrecht-button-border-color	#0A2750	#9cbeee	this set
--utrecht-button-border-radius	8px		this set
--utrecht-button-border-width	1px		this set
--utrecht-button-color	#0A2750	#afccf5	this set
--utrecht-button-column-gap	4px		this set
--utrecht-button-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-button-disabled-border-color	transparent		this set
--utrecht-button-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-button-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-button-focus-border-color	transparent		this set
--utrecht-button-focus-color	#000000	#ebebeb	this set
--utrecht-button-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-button-font-size	16px		this set
--utrecht-button-font-weight	Bold		this set
--utrecht-button-group-background-color	transparent		this set
--utrecht-button-group-column-gap	8px		this set
--utrecht-button-group-padding-block-end	0px		this set
--utrecht-button-group-padding-block-start	0px		this set
--utrecht-button-group-row-gap	8px		this set
--utrecht-button-hover-background-color	#F9F9FA	#17171b	this set
--utrecht-button-hover-border-color	#3F10BC	#7044e5	this set
--utrecht-button-hover-color	#3F10BC	#794cf0	this set
--utrecht-button-icon-size	24px		this set
--utrecht-button-line-height	150%		this set
--utrecht-button-min-inline-size	48px		this set
--utrecht-button-primary-action-active-background-color	#290B7A	#9879ec	this set
--utrecht-button-primary-action-active-border-color	transparent		this set
--utrecht-button-primary-action-active-color	#ffffff	#9e9e9e	this set
--utrecht-button-primary-action-background-color	#3BAC2A	#64cd54	this set
--utrecht-button-primary-action-border-color	transparent		this set
--utrecht-button-primary-action-color	#ffffff	#9e9e9e	this set
--utrecht-button-primary-action-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-button-primary-action-disabled-border-color	transparent		this set
--utrecht-button-primary-action-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-button-primary-action-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-button-primary-action-focus-border-color	transparent		this set
--utrecht-button-primary-action-focus-color	#000000	#ebebeb	this set
--utrecht-button-primary-action-font-size	16px		this set
--utrecht-button-primary-action-font-weight	Bold		this set
--utrecht-button-primary-action-hover-background-color	#3F10BC	#7044e5	this set
--utrecht-button-primary-action-hover-border-color	transparent		this set
--utrecht-button-primary-action-hover-color	#ffffff	#9e9e9e	this set
--utrecht-button-primary-action-line-height	150%		this set
--utrecht-button-secondary-action-active-background-color	#F2F4F6	#191e22	this set
--utrecht-button-secondary-action-active-border-color	#290B7A	#9879ec	this set
--utrecht-button-secondary-action-active-color	#290B7A	#a385f4	this set
--utrecht-button-secondary-action-background-color	#ffffff	#141414	this set
--utrecht-button-secondary-action-border-color	#3BAC2A	#64cd54	this set
--utrecht-button-secondary-action-color	#3BAC2A	#73d963	this set
--utrecht-button-secondary-action-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-button-secondary-action-disabled-border-color	transparent		this set
--utrecht-button-secondary-action-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-button-secondary-action-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-button-secondary-action-focus-border-color	transparent		this set
--utrecht-button-secondary-action-focus-color	#000000	#ebebeb	this set
--utrecht-button-secondary-action-font-size	16px		this set
--utrecht-button-secondary-action-font-weight	Bold		this set
--utrecht-button-secondary-action-hover-background-color	#F9F9FA	#17171b	this set
--utrecht-button-secondary-action-hover-border-color	#3F10BC	#7044e5	this set
--utrecht-button-secondary-action-hover-color	#3F10BC	#794cf0	this set
--utrecht-button-secondary-action-line-height	150%		this set
--utrecht-button-subtle-active-background-color	rgba(0, 0, 0, 0.1)	#ebebeb1a	this set
--utrecht-button-subtle-active-border-color	transparent		this set
--utrecht-button-subtle-active-color	#290B7A	#a385f4	this set
--utrecht-button-subtle-background-color	transparent		this set
--utrecht-button-subtle-border-color	transparent		this set
--utrecht-button-subtle-color	#3BAC2A	#73d963	this set
--utrecht-button-subtle-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-button-subtle-disabled-border-color	transparent		this set
--utrecht-button-subtle-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-button-subtle-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-button-subtle-focus-border-color	transparent		this set
--utrecht-button-subtle-focus-color	#000000	#ebebeb	this set
--utrecht-button-subtle-font-size	16px		this set
--utrecht-button-subtle-font-weight	Bold		this set
--utrecht-button-subtle-hover-background-color	rgba(0, 0, 0, 0.05)	#ebebeb0d	this set
--utrecht-button-subtle-hover-border-color	transparent		this set
--utrecht-button-subtle-hover-color	#3F10BC	#794cf0	this set
--utrecht-button-subtle-line-height	150%		this set
--utrecht-checkbox-active-background-color	#F2F4F6	#191e22	this set
--utrecht-checkbox-active-border-color	#7A8AA0	#637186	this set
--utrecht-checkbox-active-border-width	2px		this set
--utrecht-checkbox-background-color	#ffffff	#141414	this set
--utrecht-checkbox-border-color	#7A8AA0	#637186	this set
--utrecht-checkbox-border-radius	0px		this set
--utrecht-checkbox-border-width	1px		this set
--utrecht-checkbox-checked-background-color	#3BAC2A	#64cd54	this set
--utrecht-checkbox-checked-border-color	transparent		this set
--utrecht-checkbox-checked-border-width	1px		this set
--utrecht-checkbox-checked-color	#ffffff	#9e9e9e	this set
--utrecht-checkbox-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-checkbox-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-checkbox-focus-background-color	#ffffff	#141414	this set
--utrecht-checkbox-focus-border-color	#000000	#ebebeb	this set
--utrecht-checkbox-focus-border-width	2px		this set
--utrecht-checkbox-hover-background-color	#F9F9FA	#17171b	this set
--utrecht-checkbox-hover-border-color	#7A8AA0	#637186	this set
--utrecht-checkbox-hover-border-width	2px		this set
--utrecht-checkbox-icon-size	24px		this set
--utrecht-checkbox-indeterminate-background-color	#3BAC2A	#64cd54	this set
--utrecht-checkbox-indeterminate-border-color	transparent		this set
--utrecht-checkbox-indeterminate-border-width	1px		this set
--utrecht-checkbox-indeterminate-color	#ffffff	#9e9e9e	this set
--utrecht-checkbox-invalid-background-color	#ffffff	#141414	this set
--utrecht-checkbox-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-checkbox-invalid-border-width	2px		this set
--utrecht-checkbox-size	24px		this set
--utrecht-code-background-color	#F2F4F6	#191e22	this set
--utrecht-code-block-background-color	#F2F4F6	#191e22	this set
--utrecht-code-block-color	#0A2750	#afccf5	this set
--utrecht-code-block-font-family	Fira Code, Tahoma, Verdana, sans-serif		this set
--utrecht-code-block-font-size	16px		this set
--utrecht-code-block-line-height	150%		this set
--utrecht-code-block-padding-block-end	16px		this set
--utrecht-code-block-padding-block-start	16px		this set
--utrecht-code-block-padding-inline-end	16px		this set
--utrecht-code-block-padding-inline-start	16px		this set
--utrecht-code-color	#0A2750	#afccf5	this set
--utrecht-code-font-family	Fira Code, Tahoma, Verdana, sans-serif		this set
--utrecht-code-font-size	16px		this set
--utrecht-code-line-height	150%		this set
--utrecht-document-background-color	#ffffff	#141414	this set
--utrecht-document-color	#0A2750	#afccf5	this set
--utrecht-document-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-document-font-weight	Regular		this set
--utrecht-drawer-backdrop-min-size	48px		this set
--utrecht-drawer-background-color	#ffffff	#141414	this set
--utrecht-drawer-border-color	#E4E7EC	#22262e	this set
--utrecht-drawer-border-radius	0px		this set
--utrecht-drawer-border-width	1px		this set
--utrecht-drawer-color	#0A2750	#afccf5	this set
--utrecht-drawer-max-block-size	800px		this set
--utrecht-drawer-max-inline-size	1440px		this set
--utrecht-drawer-min-block-size	48px		this set
--utrecht-drawer-min-inline-size	312px		this set
--utrecht-drawer-padding-block-end	24px		this set
--utrecht-drawer-padding-block-start	24px		this set
--utrecht-drawer-padding-inline-end	16px		this set
--utrecht-drawer-padding-inline-start	16px		this set
--utrecht-feedback-warning-background-color	#FFF5BE	#5b4d05	this set
--utrecht-feedback-warning-border-color	#806C00	#f8e372	this set
--utrecht-feedback-warning-color	#806C00	#ffeb7f	this set
--utrecht-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-focus-color	#000000	#ebebeb	this set
--utrecht-focus-inverse-outline-color	#ffffff	#141414	this set
--utrecht-focus-outline-color	#5315F6	#4d14e1	this set
--utrecht-focus-outline-offset	0		this set
--utrecht-focus-outline-style	dotted		this set
--utrecht-focus-outline-width	2px		this set
--utrecht-form-control-background-color	#ffffff	#141414	this set
--utrecht-form-control-border-color	#7A8AA0	#637186	this set
--utrecht-form-control-border-radius	0px		this set
--utrecht-form-control-border-width	1px		this set
--utrecht-form-control-color	#001737	#c8dfff	this set
--utrecht-form-control-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-form-control-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-form-control-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-form-control-focus-background-color	#ffffff	#141414	this set
--utrecht-form-control-focus-border-color	#000000	#ebebeb	this set
--utrecht-form-control-focus-border-width	2px		this set
--utrecht-form-control-focus-color	#000000	#ebebeb	this set
--utrecht-form-control-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-form-control-font-size	16px		this set
--utrecht-form-control-font-weight	Regular		this set
--utrecht-form-control-invalid-background-color	#ffffff	#141414	this set
--utrecht-form-control-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-form-control-invalid-border-width	2px		this set
--utrecht-form-control-invalid-color	#D2262E	#e15b61	this set
--utrecht-form-control-line-height	150%		this set
--utrecht-form-control-max-inline-size	400px		this set
--utrecht-form-control-padding-block-end	12px		this set
--utrecht-form-control-padding-block-start	12px		this set
--utrecht-form-control-padding-inline-end	12px		this set
--utrecht-form-control-padding-inline-start	12px		this set
--utrecht-form-control-placeholder-color	#5B6E8A	#8a9ab2	this set
--utrecht-form-control-read-only-background-color	#F9F9FA	#17171b	this set
--utrecht-form-control-read-only-border-color	transparent		this set
--utrecht-form-control-read-only-color	#001737	#c8dfff	this set
--utrecht-form-field-description-color	#5B6E8A	#8a9ab2	this set
--utrecht-form-field-description-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-form-field-description-font-size	16px		this set
--utrecht-form-field-description-line-height	150%		this set
--utrecht-form-field-error-message-background-color	transparent		this set
--utrecht-form-field-error-message-color	#D2262E	#e15b61	this set
--utrecht-form-field-error-message-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-form-field-error-message-font-size	16px		this set
--utrecht-form-field-error-message-font-weight	Regular		this set
--utrecht-form-field-error-message-padding-block-end	0px		this set
--utrecht-form-field-error-message-padding-block-start	0px		this set
--utrecht-form-field-error-message-padding-inline-end	0px		this set
--utrecht-form-field-error-message-padding-inline-start	0px		this set
--utrecht-form-field-invalid-border-inline-start-color	#D2262E	#d0353c	this set
--utrecht-form-field-invalid-border-inline-start-width	2px		this set
--utrecht-form-field-invalid-padding-inline-start	16px		this set
--utrecht-heading-1-color	#0A2750	#afccf5	this set
--utrecht-heading-1-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-1-font-weight	Bold		this set
--utrecht-heading-2-color	#0A2750	#afccf5	this set
--utrecht-heading-2-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-2-font-weight	Bold		this set
--utrecht-heading-3-color	#0A2750	#afccf5	this set
--utrecht-heading-3-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-3-font-weight	Bold		this set
--utrecht-heading-4-color	#0A2750	#afccf5	this set
--utrecht-heading-4-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-4-font-weight	Bold		this set
--utrecht-heading-5-color	#0A2750	#afccf5	this set
--utrecht-heading-5-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-5-font-weight	Bold		this set
--utrecht-heading-6-color	#0A2750	#afccf5	this set
--utrecht-heading-6-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-6-font-weight	Bold		this set
--utrecht-heading-color	#0A2750	#afccf5	this set
--utrecht-heading-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-heading-font-weight	Bold		this set
--utrecht-link-active-color	#290B7A	#a385f4	this set
--utrecht-link-color	#3BAC2A	#73d963	this set
--utrecht-link-column-gap	4px		this set
--utrecht-link-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-link-focus-color	#000000	#ebebeb	this set
--utrecht-link-focus-text-decoration	None		this set
--utrecht-link-focus-text-decoration-thickness	auto		this set
--utrecht-link-hover-color	#3F10BC	#794cf0	this set
--utrecht-link-hover-text-decoration	None		this set
--utrecht-link-hover-text-decoration-thickness	auto		this set
--utrecht-link-icon-size	24px		this set
--utrecht-link-list-icon-inset-block-start	0px		this set
--utrecht-link-list-icon-size	24px		this set
--utrecht-link-list-row-gap	8px		this set
--utrecht-link-text-decoration	underline		this set
--utrecht-link-text-decoration-color	#3BAC2A	#73d963	this set
--utrecht-link-text-decoration-thickness	auto		this set
--utrecht-link-text-underline-offset	auto		this set
--utrecht-link-visited-color	#3BAC2A	#73d963	this set
--utrecht-mark-background-color	#FFF5BE	#5b4d05	this set
--utrecht-mark-color	#0A2750	#afccf5	this set
--utrecht-number-badge-background-color	#F5F2FF	#0d0331	this set
--utrecht-number-badge-border-color	transparent		this set
--utrecht-number-badge-border-radius	999px		this set
--utrecht-number-badge-border-width	1px		this set
--utrecht-number-badge-color	#0A2750	#afccf5	this set
--utrecht-number-badge-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-number-badge-font-size	14px		this set
--utrecht-number-badge-font-weight	Bold		this set
--utrecht-number-badge-min-block-size	24px		this set
--utrecht-number-badge-min-inline-size	24px		this set
--utrecht-number-badge-padding-block	4px		this set
--utrecht-number-badge-padding-inline	4px		this set
--utrecht-ordered-list-font-size	16px		this set
--utrecht-ordered-list-item-margin-block-end	4px		this set
--utrecht-ordered-list-item-margin-block-start	4px		this set
--utrecht-ordered-list-item-padding-inline-start	8px		this set
--utrecht-ordered-list-line-height	150%		this set
--utrecht-ordered-list-padding-inline-start	24px		this set
--utrecht-paragraph-color	#0A2750	#afccf5	this set
--utrecht-paragraph-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-paragraph-font-weight	Regular		this set
--utrecht-paragraph-lead-color	#0A2750	#afccf5	this set
--utrecht-paragraph-lead-font-size	20px		this set
--utrecht-paragraph-lead-font-weight	Regular		this set
--utrecht-paragraph-lead-line-height	150%		this set
--utrecht-paragraph-small-color	#0A2750	#afccf5	this set
--utrecht-paragraph-small-font-size	14px		this set
--utrecht-paragraph-small-font-weight	Regular		this set
--utrecht-paragraph-small-line-height	150%		this set
--utrecht-pointer-target-min-size	48px		this set
--utrecht-pre-heading-color	#0A2750	#afccf5	this set
--utrecht-pre-heading-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-pre-heading-font-size	14px		this set
--utrecht-pre-heading-font-weight	Bold		this set
--utrecht-pre-heading-line-height	150%		this set
--utrecht-radio-button-active-background-color	#F2F4F6	#191e22	this set
--utrecht-radio-button-active-border-color	#7A8AA0	#637186	this set
--utrecht-radio-button-active-border-width	2px		this set
--utrecht-radio-button-background-color	#ffffff	#141414	this set
--utrecht-radio-button-border-color	#7A8AA0	#637186	this set
--utrecht-radio-button-border-width	1px		this set
--utrecht-radio-button-checked-active-background-color	#290B7A	#9879ec	this set
--utrecht-radio-button-checked-active-border-color	transparent		this set
--utrecht-radio-button-checked-active-border-width	2px		this set
--utrecht-radio-button-checked-active-color	#ffffff	#9e9e9e	this set
--utrecht-radio-button-checked-background-color	#3BAC2A	#64cd54	this set
--utrecht-radio-button-checked-border-color	transparent		this set
--utrecht-radio-button-checked-border-width	1px		this set
--utrecht-radio-button-checked-color	#ffffff	#9e9e9e	this set
--utrecht-radio-button-checked-focus-background-color	#ffffff	#141414	this set
--utrecht-radio-button-checked-focus-border-color	#000000	#ebebeb	this set
--utrecht-radio-button-checked-focus-border-width	2px		this set
--utrecht-radio-button-checked-focus-color	#000000	#ebebeb	this set
--utrecht-radio-button-checked-hover-background-color	#3F10BC	#7044e5	this set
--utrecht-radio-button-checked-hover-border-color	transparent		this set
--utrecht-radio-button-checked-hover-border-width	2px		this set
--utrecht-radio-button-checked-hover-color	#ffffff	#9e9e9e	this set
--utrecht-radio-button-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-radio-button-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-radio-button-focus-background-color	#ffffff	#141414	this set
--utrecht-radio-button-focus-border-color	#000000	#ebebeb	this set
--utrecht-radio-button-focus-border-width	2px		this set
--utrecht-radio-button-hover-background-color	#F9F9FA	#17171b	this set
--utrecht-radio-button-hover-border-color	#7A8AA0	#637186	this set
--utrecht-radio-button-hover-border-width	2px		this set
--utrecht-radio-button-icon-size	8px		this set
--utrecht-radio-button-invalid-background-color	#ffffff	#141414	this set
--utrecht-radio-button-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-radio-button-invalid-border-width	2px		this set
--utrecht-radio-button-size	24px		this set
--utrecht-select-background-color	#ffffff	#141414	this set
--utrecht-select-border-block-end-width	1px		this set
--utrecht-select-border-color	#7A8AA0	#637186	this set
--utrecht-select-border-radius	0px		this set
--utrecht-select-border-width	1px		this set
--utrecht-select-color	#001737	#c8dfff	this set
--utrecht-select-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-select-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-select-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-select-focus-background-color	#ffffff	#141414	this set
--utrecht-select-focus-border-color	#000000	#ebebeb	this set
--utrecht-select-focus-color	#000000	#ebebeb	this set
--utrecht-select-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-select-font-size	16px		this set
--utrecht-select-font-weight	Regular		this set
--utrecht-select-invalid-background-color	#ffffff	#141414	this set
--utrecht-select-invalid-border-block-end-width	2px		this set
--utrecht-select-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-select-invalid-border-width	2px		this set
--utrecht-select-max-inline-size	400px		this set
--utrecht-select-min-block-size	48px		this set
--utrecht-select-padding-block-end	12px		this set
--utrecht-select-padding-block-start	12px		this set
--utrecht-select-padding-inline-end	12px		this set
--utrecht-select-padding-inline-start	12px		this set
--utrecht-separator-block-size	4px		this set
--utrecht-separator-color	#E4E7EC	#22262e	this set
--utrecht-separator-margin-block-end	12px		this set
--utrecht-separator-margin-block-start	12px		this set
--utrecht-skip-link-background-color	#001737	#accdfb	this set
--utrecht-skip-link-color	#ffffff	#9e9e9e	this set
--utrecht-skip-link-focus-background-color	#FFE76B	#9d8508	this set
--utrecht-skip-link-focus-color	#000000	#ebebeb	this set
--utrecht-skip-link-focus-text-decoration	None		this set
--utrecht-skip-link-min-block-size	48px		this set
--utrecht-skip-link-min-inline-size	48px		this set
--utrecht-skip-link-padding-block-end	12px		this set
--utrecht-skip-link-padding-block-start	12px		this set
--utrecht-skip-link-padding-inline-end	16px		this set
--utrecht-skip-link-padding-inline-start	16px		this set
--utrecht-skip-link-text-decoration	underline		this set
--utrecht-table-caption-color	#0A2750	#afccf5	this set
--utrecht-table-caption-font-family	Source Serif Pro, Tahoma, Verdana, sans-serif		this set
--utrecht-table-caption-font-size	24px		this set
--utrecht-table-caption-font-weight	Bold		this set
--utrecht-table-caption-line-height	125%		this set
--utrecht-table-caption-margin-block-end	24px		this set
--utrecht-table-cell-padding-block-end	12px		this set
--utrecht-table-cell-padding-block-start	12px		this set
--utrecht-table-cell-padding-inline-end	16px		this set
--utrecht-table-cell-padding-inline-start	16px		this set
--utrecht-table-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-table-font-size	16px		this set
--utrecht-table-footer-background-color	transparent		this set
--utrecht-table-footer-color	#0A2750	#afccf5	this set
--utrecht-table-header-background-color	transparent		this set
--utrecht-table-header-border-block-end-color	#E4E7EC	#22262e	this set
--utrecht-table-header-border-block-end-width	2px		this set
--utrecht-table-header-cell-font-weight	Bold		this set
--utrecht-table-header-color	#0A2750	#afccf5	this set
--utrecht-table-line-height	150%		this set
--utrecht-table-row-border-block-end-color	#E4E7EC	#22262e	this set
--utrecht-table-row-border-block-end-width	1px		this set
--utrecht-textarea-background-color	#ffffff	#141414	this set
--utrecht-textarea-border-block-end-width	1px		this set
--utrecht-textarea-border-color	#7A8AA0	#637186	this set
--utrecht-textarea-border-radius	0px		this set
--utrecht-textarea-border-width	1px		this set
--utrecht-textarea-color	#001737	#c8dfff	this set
--utrecht-textarea-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-textarea-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-textarea-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-textarea-focus-background-color	#ffffff	#141414	this set
--utrecht-textarea-focus-border-color	#000000	#ebebeb	this set
--utrecht-textarea-focus-color	#000000	#ebebeb	this set
--utrecht-textarea-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-textarea-font-size	16px		this set
--utrecht-textarea-font-weight	Regular		this set
--utrecht-textarea-invalid-background-color	#ffffff	#141414	this set
--utrecht-textarea-invalid-border-block-end-width	2px		this set
--utrecht-textarea-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-textarea-invalid-border-width	2px		this set
--utrecht-textarea-invalid-color	#001737	#c8dfff	this set
--utrecht-textarea-line-height	150%		this set
--utrecht-textarea-max-inline-size	400px		this set
--utrecht-textarea-min-block-size	48px		this set
--utrecht-textarea-padding-block-end	12px		this set
--utrecht-textarea-padding-block-start	12px		this set
--utrecht-textarea-padding-inline-end	12px		this set
--utrecht-textarea-padding-inline-start	12px		this set
--utrecht-textarea-placeholder-color	#5B6E8A	#8a9ab2	this set
--utrecht-textarea-read-only-background-color	#F9F9FA	#17171b	this set
--utrecht-textarea-read-only-border-color	transparent		this set
--utrecht-textarea-read-only-color	#001737	#c8dfff	this set
--utrecht-textbox-background-color	#ffffff	#141414	this set
--utrecht-textbox-border-block-end-width	1px		this set
--utrecht-textbox-border-color	#7A8AA0	#637186	this set
--utrecht-textbox-border-radius	0px		this set
--utrecht-textbox-border-width	1px		this set
--utrecht-textbox-color	#001737	#c8dfff	this set
--utrecht-textbox-disabled-background-color	#F9F9FA	#17171b	this set
--utrecht-textbox-disabled-border-color	#7A8AA0	#637186	this set
--utrecht-textbox-disabled-color	#7A8AA0	#8e9cae	this set
--utrecht-textbox-focus-background-color	#ffffff	#141414	this set
--utrecht-textbox-focus-border-color	#000000	#ebebeb	this set
--utrecht-textbox-focus-color	#000000	#ebebeb	this set
--utrecht-textbox-font-family	Fira Sans, Tahoma, Verdana, sans-serif		this set
--utrecht-textbox-font-size	16px		this set
--utrecht-textbox-font-weight	Regular		this set
--utrecht-textbox-invalid-background-color	#ffffff	#141414	this set
--utrecht-textbox-invalid-border-block-end-width	2px		this set
--utrecht-textbox-invalid-border-color	#D2262E	#d0353c	this set
--utrecht-textbox-invalid-border-width	2px		this set
--utrecht-textbox-invalid-color	#001737	#c8dfff	this set
--utrecht-textbox-line-height	150%		this set
--utrecht-textbox-max-inline-size	400px		this set
--utrecht-textbox-min-block-size	48px		this set
--utrecht-textbox-padding-block-end	12px		this set
--utrecht-textbox-padding-block-start	12px		this set
--utrecht-textbox-padding-inline-end	12px		this set
--utrecht-textbox-padding-inline-start	12px		this set
--utrecht-textbox-placeholder-color	#5B6E8A	#8a9ab2	this set
--utrecht-textbox-read-only-background-color	#F9F9FA	#17171b	this set
--utrecht-textbox-read-only-border-color	transparent		this set
--utrecht-textbox-read-only-color	#001737	#c8dfff	this set
--utrecht-unordered-list-font-size	16px		this set
--utrecht-unordered-list-item-margin-block-end	4px		this set
--utrecht-unordered-list-item-margin-block-start	4px		this set
--utrecht-unordered-list-item-padding-inline-start	8px		this set
--utrecht-unordered-list-line-height	150%		this set
--utrecht-unordered-list-marker-color	#0A2750	#9cbeee	this set
--utrecht-unordered-list-padding-inline-start	24px		this set