Skip to main content

(EXAMPLE) College

Token set example-college: 1258 declared by this set, 126 from the defaults layer.

Contrast: primary text on primary 9.34:1, primary on background 9.34:1 (pass).

Colours (Kleuren)​

TokenValueDark modeSourcePaints
--nldesign-color-background-dark #F2F0F2 #221e22this setBackground dark, Table header background
--nldesign-color-background-darker #E5E1E4 #2f292dthis setBackground darker
--nldesign-color-background-hover #F9F8F9 #1c181cthis set--color-main-background
--nldesign-color-border #D0CACE #423b40this setBorder color, Select border, Table row rule, Text input border, --nldesign-component-separator-border-color
--nldesign-color-border-dark #8E858B #7b7378this setBorder dark, Border max contrast
--nldesign-color-button-primary-background #7A1F6E #d87dccthis set
--nldesign-color-button-primary-border #7A1F6E #d87dccthis set
--nldesign-color-button-primary-hover #5E1755 #df93d6this set
--nldesign-color-button-primary-text #ffffff #9e9e9ethis set
--nldesign-color-error #C62828 #cf3f3fthis setBorder error, Element error, Error color, Text error, Text input invalid
--nldesign-color-error-hover #A11D1D #d95c5cthis setError hover
--nldesign-color-error-rgb198, 40, 40207, 63, 63this set--color-error-text
--nldesign-color-favorite #F5C518 #deb215this set--filter-background-blur
--nldesign-color-focus #0B6BA8 #54b0ebthis setButton focus ring
--nldesign-color-focus-rgb0, 123, 19984, 176, 235defaults
--nldesign-color-header-background #7A1F6E #d87dccthis set
--nldesign-color-header-text #FFFFFF #9e9e9ethis set
--nldesign-color-info #0B6BA8 #54b0ebthis setInfo color, Text input focus, --color-info-hover
--nldesign-color-info-rgb11, 107, 16884, 176, 235this set
--nldesign-color-link #7A1F6E #d87dccthis setLink colour
--nldesign-color-link-hover #3E0F38 #e7ade0this setLink hover colour
--nldesign-color-link-visited #5E1755 #df93d6this set--nldesign-component-link-visited-color
--nldesign-color-logo-backgroundtransparentdefaults
--nldesign-color-nav-background #ffffff #141414this set
--nldesign-color-placeholder-dark #D0CACE #423b40this setPlaceholder dark
--nldesign-color-placeholder-light #F2F0F2 #221e22this setPlaceholder light
--nldesign-color-primary #7A1F6E #d148bfthis setBadge background, Primary button background, Primary color, Primary element color, Primary element light text and 7 more
--nldesign-color-primary-hover #5E1755 #5e1755this setPrimary button hover, Primary element hover, Primary hover color
--nldesign-color-primary-light #F7E9F4 #2f1329this setPrimary element light, Tertiary button hover, --color-primary-element-text-dark
--nldesign-color-primary-light-hover #E2B3D7 #5a274ethis setPrimary element light hover, Primary light hover, Tertiary button pressed
--nldesign-color-primary-text #ffffff #111111this setBadge number, Primary button label, Primary element text, Primary text color
--nldesign-color-success #287430 #83cf8bthis setBorder success, Element success, Success color, Text success
--nldesign-color-success-rgb40, 116, 48131, 207, 139this set--color-success-hover
--nldesign-color-text #262124 #ded9dcthis setBody 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 #9e9e9ethis set--color-text-maxcontrast-default
--nldesign-color-text-muted #554D53 #b2aab0this setText lighter, Text max contrast
--nldesign-color-warning #9A5B00 #f6b85dthis setElement warning, Text warning, Warning color
--nldesign-color-warning-rgb154, 91, 0246, 184, 93this set--color-warning-hover
--nldesign-component-badge-background-color`var(
--nldesign-color-primary
)` #d87dccdefaults
--nldesign-component-badge-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-active-background-color`var(
--nldesign-color-primary-light-hover
)` #5a274edefaults
--nldesign-component-button-active-color`var(
--nldesign-color-primary
)` #e085d4defaults
--nldesign-component-button-background-colortransparentdefaults
--nldesign-component-button-border-color`var(
--nldesign-color-primary
)` #d87dccdefaults
--nldesign-component-button-colorvar(--nldesign-color-primary) #e085d4defaults
--nldesign-component-button-disabled-background-color #e5e5e5 #2a2a2adefaults
--nldesign-component-button-disabled-border-color #b4b4b4 #535353defaults
--nldesign-component-button-disabled-color #696969 #9e9e9edefaults
--nldesign-component-button-focus-border-color`var(
--nldesign-color-focus
)` #54b0ebdefaults
--nldesign-component-button-hover-background-color`var(
--nldesign-color-primary-light
)` #2f1329defaults
--nldesign-component-button-hover-border-color`var(
--nldesign-color-primary-hover
)` #df93d6defaults
--nldesign-component-button-hover-color`var(
--nldesign-color-primary
)` #e085d4defaults
--nldesign-component-button-primary-action-background-color`var(
--nldesign-color-primary
)` #d87dccdefaults
--nldesign-component-button-primary-action-border-color`var(
--nldesign-color-primary
)` #d87dccdefaults
--nldesign-component-button-primary-action-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-primary-action-hover-background-color`var(
--nldesign-color-primary-hover
)` #df93d6defaults
--nldesign-component-button-primary-action-hover-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-secondary-action-background-colortransparentdefaults
--nldesign-component-button-secondary-action-border-color`var(
--nldesign-color-primary
)` #d87dccdefaults
--nldesign-component-button-secondary-action-color`var(
--nldesign-color-primary
)` #e085d4defaults
--nldesign-component-button-secondary-action-hover-background-color`var(
--nldesign-color-primary-light
)` #2f1329defaults
--nldesign-component-form-field-label-colorvar(--nldesign-color-text) #ded9dcdefaults
--nldesign-component-form-fieldset-border-color`var(
--nldesign-color-border
)` #423b40defaults
--nldesign-component-form-select-border-colorvar(--nldesign-color-border) #423b40defaults
--nldesign-component-form-select-focus-border-colorvar(--nldesign-color-info) #54b0ebdefaults
--nldesign-component-heading-1-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-2-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-3-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-4-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-5-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-6-colorvar(--nldesign-component-heading-color) #ded9dcdefaults
--nldesign-component-heading-colorvar(--nldesign-color-text) #ded9dcdefaults
--nldesign-component-link-colorvar(--nldesign-color-link) #e085d4defaults
--nldesign-component-link-hover-colorvar(--nldesign-color-link-hover) #f0c1eadefaults
--nldesign-component-link-visited-colorvar(--nldesign-color-link-visited) #e8a1dfdefaults
--nldesign-component-ordered-list-color`var(
--nldesign-color-text
)` #ded9dcdefaults
--nldesign-component-paragraph-colorvar(--nldesign-color-text) #ded9dcdefaults
--nldesign-component-separator-border-colorvar(--nldesign-color-border) #423b40defaults
--nldesign-component-table-border-colorvar(--nldesign-color-border) #423b40defaults
--nldesign-component-table-header-background-color`var(
--nldesign-color-background-dark
)` #221e22defaults
--nldesign-component-table-header-colorvar(--nldesign-color-text) #ded9dcdefaults
--nldesign-component-table-row-hover-background-color`var(
--nldesign-color-background-hover
)` #1c181cdefaults
--nldesign-component-textbox-background-color #ffffff #9e9e9edefaults
--nldesign-component-textbox-border-colorvar(--nldesign-color-border) #a498a0defaults
--nldesign-component-textbox-colorvar(--nldesign-color-text) #ded9dcdefaults
--nldesign-component-textbox-disabled-background-color #e5e5e5 #9e9e9edefaults
--nldesign-component-textbox-disabled-color #696969 #9e9e9edefaults
--nldesign-component-textbox-focus-border-colorvar(--nldesign-color-info) #57b7f4defaults
--nldesign-component-textbox-hover-border-color`var(
--nldesign-color-border-dark
)` #a29a9fdefaults
--nldesign-component-textbox-invalid-border-colorvar(--nldesign-color-error) #de5e5edefaults
--nldesign-component-unordered-list-color`var(
--nldesign-color-text
)` #ded9dcdefaults

Typography (Typografie)​

TokenValueDark modeSourcePaints
--nldesign-component-badge-font-size0.875remdefaults
--nldesign-component-badge-font-weight700defaults
--nldesign-component-button-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-button-font-size1remdefaults
--nldesign-component-button-font-weight700defaults
--nldesign-component-form-field-label-font-weight700defaults
--nldesign-component-heading-1-font-size2.5remdefaults
--nldesign-component-heading-1-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-1-line-height1.2defaults
--nldesign-component-heading-2-font-size2remdefaults
--nldesign-component-heading-2-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-2-line-height1.25defaults
--nldesign-component-heading-3-font-size1.5remdefaults
--nldesign-component-heading-3-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-3-line-height1.3defaults
--nldesign-component-heading-4-font-size1.25remdefaults
--nldesign-component-heading-4-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-4-line-height1.35defaults
--nldesign-component-heading-5-font-size1.125remdefaults
--nldesign-component-heading-5-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-5-line-height1.4defaults
--nldesign-component-heading-6-font-size1remdefaults
--nldesign-component-heading-6-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-6-line-height1.5defaults
--nldesign-component-heading-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-heading-font-weightvar(--nldesign-font-weight-heading)defaults
--nldesign-component-link-font-weight`var(
--nldesign-font-weight-default
)`defaults
--nldesign-component-link-text-decorationunderlinedefaults
--nldesign-component-ordered-list-font-size1remdefaults
--nldesign-component-ordered-list-line-height1.5defaults
--nldesign-component-paragraph-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-paragraph-font-size1remdefaults
--nldesign-component-paragraph-font-weightvar(--nldesign-font-weight-default)defaults
--nldesign-component-paragraph-line-height1.5defaults
--nldesign-component-table-header-font-weight700defaults
--nldesign-component-textbox-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-textbox-font-size1remdefaults
--nldesign-component-unordered-list-font-size1remdefaults
--nldesign-component-unordered-list-line-height1.5defaults
--nldesign-font-family'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifthis setFont family, --nldesign-component-button-font-family, --nldesign-component-textbox-font-family
--nldesign-font-weight-default400defaults--default-font-size
--nldesign-font-weight-element500defaultsControl font weight
--nldesign-font-weight-heading700defaultsHeading font weight

Spacing and shape (Ruimte en vorm)​

TokenValueDark modeSourcePaints
--nldesign-border-radius4pxthis setBorder radius element, Button corner, Select corner, Text input corner, --border-width-input
--nldesign-border-radius-large8pxthis set--border-radius-container
--nldesign-border-radius-pill100pxthis setBadge shape, Border radius pill
--nldesign-border-radius-rounded12pxthis setBorder radius rounded
--nldesign-border-radius-small2pxthis setBorder radius small
--nldesign-component-badge-border-radius`var(
--nldesign-border-radius-pill
)`defaults
--nldesign-component-badge-padding-block0.125remdefaults
--nldesign-component-badge-padding-inline0.5remdefaults
--nldesign-component-button-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-button-border-width1pxdefaults
--nldesign-component-button-padding-block0.5remdefaults
--nldesign-component-button-padding-inline1remdefaults
--nldesign-component-form-fieldset-border-width1pxdefaults
--nldesign-component-form-select-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-separator-border-width1pxdefaults
--nldesign-component-table-border-width1pxdefaults
--nldesign-component-table-cell-padding-block0.5remdefaults
--nldesign-component-table-cell-padding-inline0.75remdefaults
--nldesign-component-textbox-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-textbox-border-width1pxdefaults
--nldesign-component-textbox-padding-block0.5remdefaults
--nldesign-component-textbox-padding-inline0.75remdefaults
--nldesign-header-border-bottom0defaults
--nldesign-logo-heightautodefaults
--nldesign-logo-width62pxdefaults
--nldesign-size-lint0pxdefaults
--nldesign-size-lint-height0pxdefaults

Other tokens (Overige tokens)​

TokenValueDark modeSourcePaints
--nldesign-animation-quick100msdefaults--header-menu-item-height
--nldesign-animation-slow300msdefaultsAnimation slow
--nldesign-header-icon-filternonethis set
--nldesign-logo-bottom1pxdefaults
--nldesign-logo-center50%defaults
--nldesign-logo-filternonedefaults
--nldesign-logo-inset12pxdefaults
--nldesign-logo-top1pxdefaults

Tokens nothing reads (Tokens die niets leest)​

TokenValueDark modeSourcePaints
--ams-date-input-background-colorvar(--utrecht-textbox-background-color) #141414this set
--ams-date-input-border-colorvar(--utrecht-textbox-border-color) #9a9198this set
--ams-date-input-border-radiusvar(--utrecht-textbox-border-radius)this set
--ams-date-input-border-stylesolidthis set
--ams-date-input-border-widthvar(--utrecht-textbox-border-width)this set
--ams-date-input-box-shadow''this set
--ams-date-input-calender-picker-indicator-background-imageurl('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')this set
--ams-date-input-colorvar(--utrecht-textbox-color) #ece9ecthis set
--ams-date-input-font-familyvar(--utrecht-textbox-font-family)this set
--ams-date-input-font-sizevar(--utrecht-textbox-font-size)this set
--ams-date-input-font-weightvar(--utrecht-textbox-font-weight)this set
--ams-date-input-hover-calender-picker-indicator-background-imageurl('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=')this set
--ams-date-input-line-heightvar(--utrecht-textbox-line-height)this set
--ams-date-input-margin-blockvar(--utrecht-textbox-margin-block)this set
--ams-date-input-min-block-sizevar(--utrecht-textbox-min-block-size)this set
--ams-date-input-min-inline-sizevar(--utrecht-textbox-min-inline-size)this set
--ams-date-input-outline-offsetvar(--utrecht-textbox-outline-offset)this set
--ams-date-input-padding-blockvar(--utrecht-textbox-padding-block-start)this set
--ams-date-input-padding-inlinevar(--utrecht-textbox-padding-inline-start)this set
--ams-pagination-button-active-background-colortransparentthis set
--ams-pagination-button-active-border-colortransparentthis set
--ams-pagination-button-active-colorvar(--tilburg-interaction-active-color) #e8a1dfthis set
--ams-pagination-button-active-text-decorationunderlinethis set
--ams-pagination-button-background-colortransparentthis set
--ams-pagination-button-border-colortransparentthis set
--ams-pagination-button-border-radius0pxthis set
--ams-pagination-button-border-widthvar(--tilburg-border-width-sm)this set
--ams-pagination-button-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--ams-pagination-button-current-background-colorvar(--tilburg-color-gray-100) #221e22this set
--ams-pagination-button-current-border-colortransparentthis set
--ams-pagination-button-current-colorvar(--tilburg-document-color) #ded9dcthis set
--ams-pagination-button-current-font-weightvar( --tilburg-document-strong-font-weight )this set
--ams-pagination-button-current-text-decorationnonethis set
--ams-pagination-button-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--ams-pagination-button-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--ams-pagination-button-focus-text-decorationnonethis set
--ams-pagination-button-font-weightvar(--tilburg-document-font-weight)this set
--ams-pagination-button-hover-background-colortransparentthis set
--ams-pagination-button-hover-border-colortransparentthis set
--ams-pagination-button-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--ams-pagination-button-hover-text-decorationunderlinethis set
--ams-pagination-button-min-block-sizevar(--tilburg-pointer-target-min-size)this set
--ams-pagination-button-min-inline-sizevar(--tilburg-pointer-target-min-size)this set
--ams-pagination-button-padding-block-endvar(--tilburg-space-block-snail)this set
--ams-pagination-button-padding-block-startvar(--tilburg-space-block-snail)this set
--ams-pagination-button-padding-inlinevar(--tilburg-space-inline-snail)this set
--ams-pagination-button-padding-inline-endvar(--tilburg-space-inline-snail)this set
--ams-pagination-button-padding-inline-startvar(--tilburg-space-inline-snail)this set
--ams-pagination-button-text-decorationnonethis set
--ams-pagination-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--ams-pagination-description-colorvar(--tilburg-document-color) #ded9dcthis set
--ams-pagination-description-font-weightvar(--tilburg-document-font-weight)this set
--ams-pagination-ellipses-colorvar(--tilburg-document-subtle-color) #b2aab0this set
--ams-pagination-ellipses-font-weightvar(--tilburg-document-font-weight)this set
--ams-pagination-ellipses-padding-block-endvar(--tilburg-space-block-snail)this set
--ams-pagination-ellipses-padding-block-startvar(--tilburg-space-block-snail)this set
--ams-pagination-ellipses-padding-inline-endvar(--tilburg-space-inline-ant)this set
--ams-pagination-ellipses-padding-inline-startvar(--tilburg-space-inline-ant)this set
--ams-pagination-font-familyvar(--tilburg-document-font-family)this set
--ams-pagination-font-sizevar(--tilburg-document-font-size)this set
--ams-pagination-line-heightvar(--tilburg-document-line-height)this set
--ams-pagination-relative-link-active-background-colortransparentthis set
--ams-pagination-relative-link-active-border-colortransparentthis set
--ams-pagination-relative-link-active-colorvar( --tilburg-interaction-active-color ) #e8a1dfthis set
--ams-pagination-relative-link-active-text-decorationunderlinethis set
--ams-pagination-relative-link-background-colortransparentthis set
--ams-pagination-relative-link-border-colortransparentthis set
--ams-pagination-relative-link-border-radius0pxthis set
--ams-pagination-relative-link-border-widthvar(--tilburg-border-width-sm)this set
--ams-pagination-relative-link-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--ams-pagination-relative-link-disabled-background-colortransparentthis set
--ams-pagination-relative-link-disabled-border-colortransparentthis set
--ams-pagination-relative-link-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--ams-pagination-relative-link-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--ams-pagination-relative-link-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--ams-pagination-relative-link-focus-text-decorationnonethis set
--ams-pagination-relative-link-font-weightvar(--tilburg-document-font-weight)this set
--ams-pagination-relative-link-hover-background-colortransparentthis set
--ams-pagination-relative-link-hover-border-colortransparentthis set
--ams-pagination-relative-link-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--ams-pagination-relative-link-hover-text-decorationunderlinethis set
--ams-pagination-relative-link-icon-margin-inlinevar( --tilburg-space-text-beetle )this set
--ams-pagination-relative-link-icon-sizevar(--tilburg-icon-functional-size)this set
--ams-pagination-relative-link-min-block-sizevar( --tilburg-pointer-target-min-size )this set
--ams-pagination-relative-link-min-inline-sizevar( --tilburg-pointer-target-min-size )this set
--ams-pagination-relative-link-padding-block-endvar(--tilburg-space-block-snail)this set
--ams-pagination-relative-link-padding-block-startvar( --tilburg-space-block-snail )this set
--ams-pagination-relative-link-padding-inline-end0pxthis set
--ams-pagination-relative-link-padding-inline-start0pxthis set
--ams-pagination-relative-link-text-decorationnonethis set
--conduction-logo-footer-background-imagevar(--nldesign-logo-url)this set
--conduction-logo-footer-block-size50pxthis set
--conduction-logo-footer-inline-size96pxthis set
--conduction-logo-header-background-imagevar(--nldesign-logo-url)this set
--conduction-logo-header-block-size50pxthis set
--conduction-logo-header-inline-size96pxthis set
--conduction-logo-navbar-background-imagevar(--nldesign-logo-url)this set
--conduction-logo-navbar-block-size50pxthis set
--conduction-logo-navbar-inline-size96pxthis set
--conduction-primary-top-nav-background-color #7A1F6E #d87dccthis set
--conduction-primary-top-nav-color #ffffff #9e9e9ethis set
--conduction-primary-top-nav-current-background-color #7A1F6E #d87dccthis set
--conduction-primary-top-nav-current-box-shadowunsetthis set
--conduction-primary-top-nav-current-color #ffffff #9e9e9ethis set
--conduction-primary-top-nav-current-mobile-box-shadowunsetthis set
--conduction-primary-top-nav-dropdown-background-color #F7E9F4 #2f1329this set
--conduction-primary-top-nav-dropdown-color #000000 #ebebebthis set
--conduction-primary-top-nav-dropdown-current-background-color #F7E9F4 #2f1329this set
--conduction-primary-top-nav-dropdown-current-box-shadowunsetthis set
--conduction-primary-top-nav-dropdown-current-color #000000 #ebebebthis set
--conduction-primary-top-nav-dropdown-current-mobile-box-shadowunsetthis set
--conduction-primary-top-nav-dropdown-hover-background-color #F7E9F4 #2f1329this set
--conduction-primary-top-nav-dropdown-hover-color #000000 #ebebebthis set
--conduction-primary-top-nav-dropdown-hover-text-decorationunderlinethis set
--conduction-primary-top-nav-dropdown-text-decorationnonethis set
--conduction-primary-top-nav-hover-background-color #7A1F6E #d87dccthis set
--conduction-primary-top-nav-hover-color #ffffff #9e9e9ethis set
--conduction-primary-top-nav-item-padding18pxthis set
--conduction-primary-top-nav-padding-block-end16pxthis set
--conduction-primary-top-nav-padding-block-start16pxthis set
--conduction-primary-top-nav-padding-inline-end16pxthis set
--conduction-primary-top-nav-padding-inline-start16pxthis set
--conduction-tabs-scroll-button-background-colorvar( --utrecht-button-primary-action-active-background-color ) #df93d6this set
--conduction-tabs-scroll-button-border-colorunsetthis set
--conduction-tabs-scroll-button-border-styleunsetthis set
--conduction-tabs-scroll-button-border-widthunsetthis set
--conduction-tabs-scroll-button-colorvar(--utrecht-button-primary-action-color) #9e9e9ethis set
--conduction-tabs-scroll-button-hover-background-colorvar( --utrecht-button-primary-action-hover-background-color ) #df93d6this set
--conduction-tabs-scroll-button-hover-colorvar( --utrecht-button-primary-action-hover-color ) #9e9e9ethis set
--conduction-tabs-tab-background-colortransparentthis set
--conduction-tabs-tab-border-bottomunsetthis set
--conduction-tabs-tab-border-bottom-colorunsetthis set
--conduction-tabs-tab-border-bottom-styleunsetthis set
--conduction-tabs-tab-border-bottom-widthunsetthis set
--conduction-tabs-tab-border-colorunsetthis set
--conduction-tabs-tab-border-styleunsetthis set
--conduction-tabs-tab-border-widthunsetthis set
--conduction-tabs-tab-bottom-3pxthis set
--conduction-tabs-tab-button-bottom0pxthis set
--conduction-tabs-tab-colorvar(--utrecht-document-color) #ded9dcthis set
--conduction-tabs-tab-font-familyvar(--utrecht-document-font-family)this set
--conduction-tabs-tab-font-size16pxthis set
--conduction-tabs-tab-font-weight400this set
--conduction-tabs-tab-hover-background-colortransparentthis set
--conduction-tabs-tab-hover-colorvar(--utrecht-document-color) #ded9dcthis set
--conduction-tabs-tab-hover-font-weight700this set
--conduction-tabs-tab-hover-text-decorationunsetthis set
--conduction-tabs-tab-letter-spacing0.02857emthis set
--conduction-tabs-tab-list-border-bottom-color #E5E1E4 #2f292dthis set
--conduction-tabs-tab-list-border-bottom-stylesolidthis set
--conduction-tabs-tab-list-border-bottom-width0.3remthis set
--conduction-tabs-tab-list-margin-block-end0pxthis set
--conduction-tabs-tab-list-padding-inline-end2pxthis set
--conduction-tabs-tab-list-padding-inline-start2pxthis set
--conduction-tabs-tab-margin-inline-endunsetthis set
--conduction-tabs-tab-max-widthunsetthis set
--conduction-tabs-tab-min-height48pxthis set
--conduction-tabs-tab-min-width160pxthis set
--conduction-tabs-tab-padding-block-end6pxthis set
--conduction-tabs-tab-padding-block-start6pxthis set
--conduction-tabs-tab-padding-inline-end12pxthis set
--conduction-tabs-tab-padding-inline-start12pxthis set
--conduction-tabs-tab-panel-background-colorunsetthis set
--conduction-tabs-tab-panel-border-colorunsetthis set
--conduction-tabs-tab-panel-border-styleunsetthis set
--conduction-tabs-tab-panel-border-topunsetthis set
--conduction-tabs-tab-panel-border-widthunsetthis set
--conduction-tabs-tab-panel-padding-block-end24pxthis set
--conduction-tabs-tab-panel-padding-block-start24pxthis set
--conduction-tabs-tab-panel-padding-inline-end24pxthis set
--conduction-tabs-tab-panel-padding-inline-start24pxthis set
--conduction-tabs-tab-selected-background-colortransparentthis set
--conduction-tabs-tab-selected-border-bottomunsetthis set
--conduction-tabs-tab-selected-border-bottom-color #7A1F6E #d87dccthis set
--conduction-tabs-tab-selected-border-bottom-stylesolidthis set
--conduction-tabs-tab-selected-border-bottom-width0.3remthis set
--conduction-tabs-tab-selected-border-colorunsetthis set
--conduction-tabs-tab-selected-border-styleunsetthis set
--conduction-tabs-tab-selected-border-widthunsetthis set
--conduction-tabs-tab-selected-box-shadowunsetthis set
--conduction-tabs-tab-selected-colorvar(--tilburg-color-blue-500) #f0c1eathis set
--conduction-tabs-tab-selected-font-familyunsetthis set
--conduction-tabs-tab-selected-font-weight700this set
--conduction-tabs-tab-selected-hover-background-colorunsetthis set
--conduction-tabs-tab-selected-hover-colorvar(--tilburg-color-blue-500) #f0c1eathis set
--conduction-tabs-tab-selected-hover-font-weight700this set
--conduction-tabs-tab-selected-hover-text-decorationunsetthis set
--conduction-tabs-tab-text-transformunsetthis set
--conduction-tooltip-background-colorvar(--tilburg-color-black) #dcd7dathis set
--conduction-tooltip-border-colorunsetthis set
--conduction-tooltip-border-radius0pxthis set
--conduction-tooltip-border-styleunsetthis set
--conduction-tooltip-border-width0pxthis set
--conduction-tooltip-colorvar(--tilburg-color-white) #9e9e9ethis set
--conduction-tooltip-padding-block-end8pxthis set
--conduction-tooltip-padding-block-start8pxthis set
--conduction-tooltip-padding-inline-end14pxthis set
--conduction-tooltip-padding-inline-start14pxthis set
--conduction-tooltip-z-index9999this set
--denhaag-process-steps-font-familyvar(--tilburg-typography-font-family-primary)this set
--denhaag-process-steps-font-sizevar(--tilburg-document-font-size)this set
--denhaag-process-steps-line-height24pxthis set
--denhaag-process-steps-step-collapse-icon-padding4pxthis set
--denhaag-process-steps-step-collapse-icon-size16pxthis set
--denhaag-process-steps-step-content-colorvar(--tilburg-color-gray-700) #c3bdc2this set
--denhaag-process-steps-step-content-margin12pxthis set
--denhaag-process-steps-step-header-align-itemscenterthis set
--denhaag-process-steps-step-heading-checked-font-sizevar( --tilburg-document-font-size )this set
--denhaag-process-steps-step-heading-checked-font-weightvar( --tilburg-typography-font-weight-bold )this set
--denhaag-process-steps-step-heading-checked-line-heightvar( --tilburg-document-line-height )this set
--denhaag-process-steps-step-heading-colorvar(--tilburg-color-gray-700) #c3bdc2this set
--denhaag-process-steps-step-heading-current-color #5E1755 #e8a1dfthis set
--denhaag-process-steps-step-heading-current-font-sizevar( --tilburg-document-font-size )this set
--denhaag-process-steps-step-heading-current-font-weightvar( --tilburg-typography-font-weight-bold )this set
--denhaag-process-steps-step-heading-current-line-heightvar( --tilburg-document-line-height )this set
--denhaag-process-steps-step-heading-error-colorvar(--tilburg-color-red-300) #de5e5ethis set
--denhaag-process-steps-step-heading-font-sizevar(--tilburg-document-font-size)this set
--denhaag-process-steps-step-heading-font-weightvar( --tilburg-typography-font-weight-bold )this set
--denhaag-process-steps-step-heading-line-heightvar( --tilburg-document-line-height )this set
--denhaag-process-steps-step-heading-warning-colorvar( --tilburg-color-orange-300 ) #ffc065this set
--denhaag-process-steps-step-meta-date-font-size20pxthis set
--denhaag-process-steps-step-meta-font-size16pxthis set
--denhaag-process-steps-step-padding-block-end0this set
--denhaag-process-steps-step-padding-block-start0this set
--denhaag-sidenav-displayflexthis set
--denhaag-sidenav-flex-directioncolumnthis set
--denhaag-sidenav-item-font-familyvar(--utrecht-document-font-family)this set
--denhaag-sidenav-item-font-size16pxthis set
--denhaag-sidenav-item-font-weight400this set
--denhaag-sidenav-item-height48pxthis set
--denhaag-sidenav-item-line-height1.5this set
--denhaag-sidenav-item-margin-block-end0this set
--denhaag-sidenav-item-margin-block-start0this set
--denhaag-sidenav-item-margin-inline-end0this set
--denhaag-sidenav-item-margin-inline-start0this set
--denhaag-sidenav-link-active-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--denhaag-sidenav-link-active-font-weight700this set
--denhaag-sidenav-link-color #262124 #ded9dcthis set
--denhaag-sidenav-link-hover-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--denhaag-sidenav-link-label-gap0.5remthis set
--denhaag-sidenav-link-padding-block-end5pxthis set
--denhaag-sidenav-link-padding-block-start5pxthis set
--denhaag-sidenav-min-width14.5remthis set
--denhaag-sidenav-mobile-displaynonethis set
--denhaag-sidenav-row-gap5pxthis set
--denhaag-step-marker-border-width2pxthis set
--denhaag-step-marker-checked-background-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-checked-border-colorvar(--tilburg-color-green-400) #94db9athis set
--denhaag-step-marker-checked-colorvar(--tilburg-color-green-400) #94db9athis set
--denhaag-step-marker-connector-checked-outline-colorvar( --tilburg-color-green-400 ) #94db9athis set
--denhaag-step-marker-connector-default-outline-colorvar( --tilburg-color-gray-200 ) #2f292dthis set
--denhaag-step-marker-connector-error-outline-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--denhaag-step-marker-connector-not-checked-outline-colorvar( --tilburg-color-gray-200 ) #2f292dthis set
--denhaag-step-marker-connector-outline-width1pxthis set
--denhaag-step-marker-connector-warning-outline-colorvar( --tilburg-color-orange-300 ) #f6b85dthis set
--denhaag-step-marker-current-background-color #5E1755 #df93d6this set
--denhaag-step-marker-current-border-color #5E1755 #df93d6this set
--denhaag-step-marker-current-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-current-nested-color #5E1755 #df93d6this set
--denhaag-step-marker-default-background-colorvar(--tilburg-color-gray-200) #2f292dthis set
--denhaag-step-marker-default-border-colorvar(--tilburg-color-gray-200) #2f292dthis set
--denhaag-step-marker-default-color #423C41 #b9b3b8this set
--denhaag-step-marker-default-nested-colorvar(--tilburg-color-gray-200) #2f292dthis set
--denhaag-step-marker-disabled-background-colorvar(--tilburg-color-gray-100) #221e22this set
--denhaag-step-marker-disabled-border-colorvar(--tilburg-color-gray-100) #221e22this set
--denhaag-step-marker-disabled-color #554D53 #aaa3a9this set
--denhaag-step-marker-error-background-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--denhaag-step-marker-error-border-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--denhaag-step-marker-error-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-font-familyvar(--tilburg-typography-font-family-primary)this set
--denhaag-step-marker-font-sizevar(--tilburg-typography-font-size-sm)this set
--denhaag-step-marker-font-weight400this set
--denhaag-step-marker-icon-size20pxthis set
--denhaag-step-marker-margin0this set
--denhaag-step-marker-nested-icon-size10pxthis set
--denhaag-step-marker-nested-size16pxthis set
--denhaag-step-marker-not-checked-background-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-not-checked-border-colorvar(--tilburg-color-gray-200) #2f292dthis set
--denhaag-step-marker-not-checked-color #6A6168 #9a9198this set
--denhaag-step-marker-padding12pxthis set
--denhaag-step-marker-size32pxthis set
--denhaag-step-marker-warning-background-colorvar(--tilburg-color-orange-300) #f6b85dthis set
--denhaag-step-marker-warning-border-colorvar(--tilburg-color-orange-300) #f6b85dthis set
--denhaag-step-marker-warning-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-warning-nested-background-colorvar(--tilburg-color-white) #141414this set
--denhaag-step-marker-warning-nested-border-colorvar(--tilburg-color-orange-300) #f6b85dthis set
--example-college-color-accent-100 #E0F2F4 #163336this set
--example-college-color-accent-200 #9CD3DA #2e666dthis set
--example-college-color-accent-300 #006E7F #73e6f8this set
--example-college-color-accent-400 #005461 #8beaf9this set
--example-college-color-black #161315 #dcd7dathis set
--example-college-color-black-txt #262124 #d0cacdthis set
--example-college-color-brand-100 #F7E9F4 #2f1329this set
--example-college-color-brand-200 #E2B3D7 #5a274ethis set
--example-college-color-brand-300 #7A1F6E #d87dccthis set
--example-college-color-brand-400 #5E1755 #df93d6this set
--example-college-color-brand-500 #3E0F38 #e7ade0this set
--example-college-color-gray-100 #F2F0F2 #221e22this set
--example-college-color-gray-200 #E5E1E4 #2f292dthis set
--example-college-color-gray-300 #D0CACE #423b40this set
--example-college-color-gray-400 #8E858B #7b7378this set
--example-college-color-gray-50 #F9F8F9 #1c181cthis set
--example-college-color-gray-500 #6A6168 #9a9198this set
--example-college-color-gray-600 #554D53 #aaa3a9this set
--example-college-color-gray-700 #423C41 #b9b3b8this set
--example-college-color-gray-800 #2F2A2E #c8c2c7this set
--example-college-color-gray-900 #1E1A1D #d6d0d4this set
--example-college-color-gray-950 #110F11 #dfdbdfthis set
--example-college-color-green-100 #E3F4E1 #193516this set
--example-college-color-green-200 #A9D8A3 #366730this set
--example-college-color-green-300 #287430 #83cf8bthis set
--example-college-color-green-400 #1B5E20 #94db9athis set
--example-college-color-orange-100 #FFF3D6 #473404this set
--example-college-color-orange-200 #FFD98A #845b07this set
--example-college-color-orange-300 #9A5B00 #f6b85dthis set
--example-college-color-orange-400 #7A4700 #f8c277this set
--example-college-color-red-100 #FDE7E7 #370707this set
--example-college-color-red-200 #F5B5B5 #5e1111this set
--example-college-color-red-300 #C62828 #cf3f3fthis set
--example-college-color-red-400 #A11D1D #d95c5cthis set
--example-college-color-white #ffffff #141414this set
--example-college-typography-sans-serif-font-family'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifthis set
--nldesign-logo-urlurl('../../img/logos/example-college.svg')this set
--tilburg-border-radius-lg16pxthis set
--tilburg-border-radius-md8pxthis set
--tilburg-border-radius-round999pxthis set
--tilburg-border-radius-sm4pxthis set
--tilburg-border-width-lg4pxthis set
--tilburg-border-width-md2pxthis set
--tilburg-border-width-sm1pxthis set
--tilburg-box-shadow-lg0 1ratpx rgba(0, 0, 0, 0.1)this set
--tilburg-box-shadow-md0 4px 12px rgba(0, 0, 0, 0.1)this set
--tilburg-box-shadow-sm[object Object]this set
--tilburg-color-black #161315 #dcd7dathis set
--tilburg-color-black-txt #262124 #d0cacdthis set
--tilburg-color-blue-100 #F7E9F4 #2f1329this set
--tilburg-color-blue-200 #E2B3D7 #5a274ethis set
--tilburg-color-blue-300 #7A1F6E #d87dccthis set
--tilburg-color-blue-400 #5E1755 #df93d6this set
--tilburg-color-blue-500 #3E0F38 #e7ade0this set
--tilburg-color-code-background-color #F2F0F2 #221e22this set
--tilburg-color-dark-alpha-100 #0000001a #ebebeb1athis set
--tilburg-color-dark-alpha-50 #0000000d #ebebeb0dthis set
--tilburg-color-extra-limegreen #86BC25 #a0d147this set
--tilburg-color-extra-purple #7A1F6E #d87dccthis set
--tilburg-color-extra-yellow #F5C518 #deb215this set
--tilburg-color-gray-100 #F2F0F2 #221e22this set
--tilburg-color-gray-200 #E5E1E4 #2f292dthis set
--tilburg-color-gray-300 #D0CACE #423b40this set
--tilburg-color-gray-400 #8E858B #7b7378this set
--tilburg-color-gray-50 #F9F8F9 #1c181cthis set
--tilburg-color-gray-500 #6A6168 #9a9198this set
--tilburg-color-gray-600 #554D53 #aaa3a9this set
--tilburg-color-gray-700 #423C41 #b9b3b8this set
--tilburg-color-gray-800 #2F2A2E #c8c2c7this set
--tilburg-color-gray-900 #1E1A1D #d6d0d4this set
--tilburg-color-gray-950 #110F11 #dfdbdfthis set
--tilburg-color-green-100 #E3F4E1 #193516this set
--tilburg-color-green-200 #A9D8A3 #366730this set
--tilburg-color-green-300 #287430 #83cf8bthis set
--tilburg-color-green-400 #1B5E20 #94db9athis set
--tilburg-color-light-alpha-100 #ffffff1a #1414141athis set
--tilburg-color-light-alpha-50 #ffffff0d #1414140dthis set
--tilburg-color-orange-100 #FFF3D6 #473404this set
--tilburg-color-orange-200 #FFD98A #845b07this set
--tilburg-color-orange-300 #9A5B00 #f6b85dthis set
--tilburg-color-orange-400 #7A4700 #f8c277this set
--tilburg-color-pink-100 #E0F2F4 #163336this set
--tilburg-color-pink-200 #9CD3DA #2e666dthis set
--tilburg-color-pink-300 #006E7F #73e6f8this set
--tilburg-color-pink-400 #005461 #8beaf9this set
--tilburg-color-red-100 #FDE7E7 #370707this set
--tilburg-color-red-200 #F5B5B5 #5e1111this set
--tilburg-color-red-300 #C62828 #cf3f3fthis set
--tilburg-color-red-400 #A11D1D #d95c5cthis set
--tilburg-color-white #ffffff #141414this set
--tilburg-document-background-colorvar(--tilburg-color-white) #141414this set
--tilburg-document-colorvar(--tilburg-color-black-txt) #ded9dcthis set
--tilburg-document-font-familyvar(--tilburg-typography-font-family-secondary)this set
--tilburg-document-font-sizevar(--tilburg-typography-font-size-md)this set
--tilburg-document-font-weightvar(--tilburg-typography-font-weight-normal)this set
--tilburg-document-inverse-background-colorvar(--tilburg-color-gray-950) #dfdbdfthis set
--tilburg-document-inverse-colorvar(--tilburg-color-white) #9e9e9ethis set
--tilburg-document-line-heightvar(--tilburg-typography-line-height-md)this set
--tilburg-document-strong-font-weightvar(--tilburg-typography-font-weight-bold)this set
--tilburg-document-subtle-colorvar(--tilburg-color-gray-600) #b2aab0this set
--tilburg-erm-font-size16pxthis set
--tilburg-feedback-informative-background-colorvar(--tilburg-color-blue-100) #2f1329this set
--tilburg-feedback-informative-border-colorvar(--tilburg-color-blue-400) #df93d6this set
--tilburg-feedback-informative-colorvar(--tilburg-color-blue-400) #e8a1dfthis set
--tilburg-feedback-negative-background-colorvar(--tilburg-color-red-100) #370707this set
--tilburg-feedback-negative-border-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--tilburg-feedback-negative-colorvar(--tilburg-color-red-300) #de5e5ethis set
--tilburg-feedback-positive-background-colorvar(--tilburg-color-green-100) #193516this set
--tilburg-feedback-positive-border-colorvar(--tilburg-color-green-300) #83cf8bthis set
--tilburg-feedback-positive-colorvar(--tilburg-color-green-300) #8bd793this set
--tilburg-feedback-warning-background-colorvar(--tilburg-color-orange-100) #473404this set
--tilburg-feedback-warning-border-colorvar(--tilburg-color-orange-200) #845b07this set
--tilburg-feedback-warning-colorvar(--tilburg-color-orange-300) #ffc065this set
--tilburg-focus-background-color #F7E9F4 #2f1329this set
--tilburg-focus-color #3E0F38 #f0c1eathis set
--tilburg-focus-inverse-outline-colorvar(--tilburg-color-white) #141414this set
--tilburg-focus-outline-colorvar(--tilburg-color-extra-purple) #d87dccthis set
--tilburg-focus-outline-offset0this set
--tilburg-focus-outline-styledottedthis set
--tilburg-focus-outline-widthvar(--tilburg-border-width-md)this set
--tilburg-footer-background-color #5E1755 #df93d6this set
--tilburg-footer-color #ffffff #9e9e9ethis set
--tilburg-footer-link-hover-text-decorationunderlinethis set
--tilburg-footer-link-text-decorationnonethis set
--tilburg-form-control-accent-colorvar(--tilburg-interaction-color) #df93d6this set
--tilburg-form-control-active-accent-colorvar( --tilburg-interaction-active-color ) #df93d6this set
--tilburg-form-control-active-background-colorvar(--tilburg-color-gray-100) #221e22this set
--tilburg-form-control-active-border-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-active-border-widthvar(--tilburg-border-width-md)this set
--tilburg-form-control-active-colorvar(--tilburg-color-gray-950) #ece9ecthis set
--tilburg-form-control-background-colorvar(--tilburg-color-white) #141414this set
--tilburg-form-control-border-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-border-widthvar(--tilburg-border-width-sm)this set
--tilburg-form-control-colorvar(--tilburg-color-gray-950) #ece9ecthis set
--tilburg-form-control-disabled-accent-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-disabled-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--tilburg-form-control-disabled-border-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--tilburg-form-control-focus-background-colorvar(--tilburg-color-white) #141414this set
--tilburg-form-control-focus-border-colorvar(--tilburg-color-black) #dcd7dathis set
--tilburg-form-control-focus-border-widthvar(--tilburg-border-width-md)this set
--tilburg-form-control-focus-colorvar(--tilburg-color-black) #ece9ebthis set
--tilburg-form-control-hover-accent-colorvar(--tilburg-interaction-hover-color) #df93d6this set
--tilburg-form-control-hover-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--tilburg-form-control-hover-border-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-hover-border-widthvar(--tilburg-border-width-md)this set
--tilburg-form-control-hover-colorvar(--tilburg-color-gray-950) #ece9ecthis set
--tilburg-form-control-invalid-background-colorvar(--tilburg-color-white) #141414this set
--tilburg-form-control-invalid-border-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--tilburg-form-control-invalid-border-widthvar(--tilburg-border-width-md)this set
--tilburg-form-control-invalid-colorvar(--tilburg-color-red-300) #de5e5ethis set
--tilburg-form-control-placeholder-colorvar(--tilburg-color-gray-600) #b2aab0this set
--tilburg-form-control-read-only-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--tilburg-form-control-read-only-border-colorvar(--tilburg-color-gray-500) #9a9198this set
--tilburg-form-control-read-only-colorvar(--tilburg-color-gray-950) #ece9ecthis set
--tilburg-header-background-color #ffffff #141414this set
--tilburg-heading-colorvar(--tilburg-color-black) #ece9ebthis set
--tilburg-heading-font-familyvar(--tilburg-typography-font-family-primary)this set
--tilburg-heading-font-weightvar(--tilburg-typography-font-weight-bold)this set
--tilburg-icon-functional-sizevar(--tilburg-size-icon-md)this set
--tilburg-icon-toptask-sizevar(--tilburg-size-icon-4xl)this set
--tilburg-interaction-active-color #5E1755 #e8a1dfthis set
--tilburg-interaction-color #5E1755 #e8a1dfthis set
--tilburg-interaction-hover-color #5E1755 #e8a1dfthis set
--tilburg-line-border-color #6A6168 #9a9198this set
--tilburg-line-border-widthvar(--tilburg-border-width-sm)this set
--tilburg-logo-colorvar(--tilburg-color-black) #ece9ebthis set
--tilburg-navigation-background-color #7A1F6E #d87dccthis set
--tilburg-navigation-color #ffffff #9e9e9ethis set
--tilburg-navigation-font-family'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifthis set
--tilburg-navigation-font-weight700this set
--tilburg-navigation-hover-background-color #7A1F6E #d87dccthis set
--tilburg-navigation-hover-color #ffffff #9e9e9ethis set
--tilburg-navigation-hover-font-weight700this set
--tilburg-navigation-mobile-background-colorvar(--tilburg-color-blue-400) #df93d6this set
--tilburg-navigation-mobile-item-border-bottom-colorvar( --tilburg-color-blue-300 ) #d87dccthis set
--tilburg-pointer-target-min-sizevar(--tilburg-size-md)this set
--tilburg-search-card-border-colorvar(--tilburg-color-gray-200) #2f292dthis set
--tilburg-search-card-hover-border-color #5E1755 #df93d6this set
--tilburg-size-2xl160pxthis set
--tilburg-size-2xs16pxthis set
--tilburg-size-3xs8pxthis set
--tilburg-size-4xs4pxthis set
--tilburg-size-5xs2pxthis set
--tilburg-size-icon-2xl32pxthis set
--tilburg-size-icon-3xl40pxthis set
--tilburg-size-icon-4xl48pxthis set
--tilburg-size-icon-lg24pxthis set
--tilburg-size-icon-md24pxthis set
--tilburg-size-icon-sm16pxthis set
--tilburg-size-icon-xl24pxthis set
--tilburg-size-lg64pxthis set
--tilburg-size-md48pxthis set
--tilburg-size-sm32pxthis set
--tilburg-size-xl96pxthis set
--tilburg-size-xs24pxthis set
--tilburg-space-block-ant4pxthis set
--tilburg-space-block-beetle8pxthis set
--tilburg-space-block-cat32pxthis set
--tilburg-space-block-dog48pxthis set
--tilburg-space-block-flea2pxthis set
--tilburg-space-block-mouse16pxthis set
--tilburg-space-block-pig64pxthis set
--tilburg-space-block-rabbit24pxthis set
--tilburg-space-block-rat20pxthis set
--tilburg-space-block-snail12pxthis set
--tilburg-space-column-ant2pxthis set
--tilburg-space-column-beetle4pxthis set
--tilburg-space-column-cat24pxthis set
--tilburg-space-column-dog28pxthis set
--tilburg-space-column-elephant96pxthis set
--tilburg-space-column-flea1pxthis set
--tilburg-space-column-giraffe160pxthis set
--tilburg-space-column-horse64pxthis set
--tilburg-space-column-mouse12pxthis set
--tilburg-space-column-pig32pxthis set
--tilburg-space-column-rabbit20pxthis set
--tilburg-space-column-rat16pxthis set
--tilburg-space-column-snail8pxthis set
--tilburg-space-column-tiger48pxthis set
--tilburg-space-inline-ant4pxthis set
--tilburg-space-inline-beetle8pxthis set
--tilburg-space-inline-cat28pxthis set
--tilburg-space-inline-dog32pxthis set
--tilburg-space-inline-flea2pxthis set
--tilburg-space-inline-mouse16pxthis set
--tilburg-space-inline-pig48pxthis set
--tilburg-space-inline-rabbit24pxthis set
--tilburg-space-inline-rat20pxthis set
--tilburg-space-inline-snail12pxthis set
--tilburg-space-row-ant2pxthis set
--tilburg-space-row-beetle4pxthis set
--tilburg-space-row-cat24pxthis set
--tilburg-space-row-dog28pxthis set
--tilburg-space-row-elephant96pxthis set
--tilburg-space-row-flea1pxthis set
--tilburg-space-row-giraffe160pxthis set
--tilburg-space-row-horse64pxthis set
--tilburg-space-row-mouse12pxthis set
--tilburg-space-row-pig32pxthis set
--tilburg-space-row-rabbit20pxthis set
--tilburg-space-row-rat16pxthis set
--tilburg-space-row-snail8pxthis set
--tilburg-space-row-tiger48pxthis set
--tilburg-space-text-ant2pxthis set
--tilburg-space-text-beetle4pxthis set
--tilburg-space-text-cat16pxthis set
--tilburg-space-text-dog24pxthis set
--tilburg-space-text-flea1pxthis set
--tilburg-space-text-mouse8pxthis set
--tilburg-space-text-rabbit14pxthis set
--tilburg-space-text-rat12pxthis set
--tilburg-space-text-snail6pxthis set
--tilburg-status-badge-background-colorvar(--tilburg-color-pink-100) #163336this set
--tilburg-status-badge-border-colortransparentthis set
--tilburg-status-badge-border-radiusvar(--tilburg-border-radius-sm)this set
--tilburg-status-badge-border-widthvar(--tilburg-border-width-sm)this set
--tilburg-status-badge-colorvar(--tilburg-document-color) #ded9dcthis set
--tilburg-status-badge-font-familyvar(--tilburg-document-font-family)this set
--tilburg-status-badge-font-sizevar(--tilburg-typography-font-size-sm)this set
--tilburg-status-badge-font-weightvar(--tilburg-document-strong-font-weight)this set
--tilburg-status-badge-informative-background-colorvar( --tilburg-feedback-informative-background-color ) #2f1329this set
--tilburg-status-badge-informative-border-colortransparentthis set
--tilburg-status-badge-informative-colorvar( --tilburg-feedback-informative-color ) #e8a1dfthis set
--tilburg-status-badge-line-heightvar(--tilburg-document-line-height)this set
--tilburg-status-badge-negative-background-colorvar( --tilburg-feedback-negative-background-color ) #370707this set
--tilburg-status-badge-negative-border-colortransparentthis set
--tilburg-status-badge-negative-colorvar(--tilburg-feedback-negative-color) #de5e5ethis set
--tilburg-status-badge-padding-blockvar(--tilburg-space-block-flea)this set
--tilburg-status-badge-padding-inlinevar(--tilburg-space-inline-ant)this set
--tilburg-status-badge-positive-background-colorvar( --tilburg-feedback-positive-background-color ) #193516this set
--tilburg-status-badge-positive-border-colortransparentthis set
--tilburg-status-badge-positive-colorvar(--tilburg-feedback-positive-color) #8bd793this set
--tilburg-status-badge-warning-background-colorvar( --tilburg-feedback-warning-background-color ) #473404this set
--tilburg-status-badge-warning-border-colortransparentthis set
--tilburg-status-badge-warning-colorvar(--tilburg-feedback-warning-color) #ffc065this set
--tilburg-typography-font-family-primary'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifthis set
--tilburg-typography-font-family-secondary'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serifthis set
--tilburg-typography-font-size-2xl32pxthis set
--tilburg-typography-font-size-3xl36pxthis set
--tilburg-typography-font-size-4xl48pxthis set
--tilburg-typography-font-size-lg20pxthis set
--tilburg-typography-font-size-md16pxthis set
--tilburg-typography-font-size-sm14pxthis set
--tilburg-typography-font-size-xl24pxthis set
--tilburg-typography-font-weight-bold700this set
--tilburg-typography-font-weight-normal400this set
--tilburg-typography-line-height-lg200%this set
--tilburg-typography-line-height-md150%this set
--tilburg-typography-line-height-sm125%this set
--tilburg-typography-line-height-xs100%this set
--utrecht-accordion-border-radius0pxthis set
--utrecht-accordion-button-active-background-colorvar(--tilburg-color-gray-200) #2f292dthis set
--utrecht-accordion-button-active-border-colortransparentthis set
--utrecht-accordion-button-active-colorvar(--tilburg-interaction-active-color) #e8a1dfthis set
--utrecht-accordion-button-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--utrecht-accordion-button-border-colortransparentthis set
--utrecht-accordion-button-border-widthvar(--tilburg-border-width-sm)this set
--utrecht-accordion-button-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-accordion-button-expanded-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--utrecht-accordion-button-expanded-border-colortransparentthis set
--utrecht-accordion-button-expanded-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-accordion-button-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-accordion-button-focus-border-colortransparentthis set
--utrecht-accordion-button-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-accordion-button-font-familyvar(--tilburg-document-font-family)this set
--utrecht-accordion-button-font-sizevar(--tilburg-document-font-size)this set
--utrecht-accordion-button-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-accordion-button-hover-background-colorvar(--tilburg-color-gray-100) #221e22this set
--utrecht-accordion-button-hover-border-colortransparentthis set
--utrecht-accordion-button-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-accordion-button-icon-margin-inlinevar(--tilburg-space-text-mouse)this set
--utrecht-accordion-button-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-accordion-button-line-heightvar(--tilburg-document-line-height)this set
--utrecht-accordion-button-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-accordion-button-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-accordion-button-padding-inline-endvar(--tilburg-space-inline-mouse)this set
--utrecht-accordion-button-padding-inline-startvar(--tilburg-space-inline-mouse)this set
--utrecht-accordion-panel-border-colortransparentthis set
--utrecht-accordion-panel-border-widthvar(--tilburg-border-width-lg)this set
--utrecht-accordion-panel-padding-block-endvar(--tilburg-space-block-rabbit)this set
--utrecht-accordion-panel-padding-block-startvar(--tilburg-space-block-rabbit)this set
--utrecht-accordion-panel-padding-inline-endvar(--tilburg-space-inline-mouse)this set
--utrecht-accordion-panel-padding-inline-startvar(--tilburg-space-inline-mouse)this set
--utrecht-accordion-section-border-block-end-widthvar(--tilburg-border-width-sm)this set
--utrecht-accordion-section-border-colorvar(--tilburg-line-border-color) #9a9198this set
--utrecht-accordion-section-border-widthautothis set
--utrecht-alert-border-radiusvar(--tilburg-border-radius-md)this set
--utrecht-alert-border-widthvar(--tilburg-border-width-md)this set
--utrecht-alert-column-gapvar(--tilburg-space-column-snail)this set
--utrecht-alert-content-row-gapvar(--tilburg-space-row-snail)this set
--utrecht-alert-error-background-color #ffe6e6 #3b0303this set
--utrecht-alert-error-border-color #C62828 #cf3f3fthis set
--utrecht-alert-error-color #C62828 #de5e5ethis set
--utrecht-alert-heading-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-alert-heading-font-sizevar(--tilburg-typography-font-size-xl)this set
--utrecht-alert-heading-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-alert-heading-line-heightvar(--tilburg-typography-line-height-sm)this set
--utrecht-alert-icon-info-colorvar(--tilburg-color-blue-500) #f0c1eathis set
--utrecht-alert-icon-informative-colorvar(--tilburg-feedback-informative-color) #e8a1dfthis set
--utrecht-alert-icon-negative-colorvar(--tilburg-feedback-negative-color) #de5e5ethis set
--utrecht-alert-icon-ok-color #287430 #8bd793this set
--utrecht-alert-icon-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-alert-icon-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-alert-icon-padding-inline-end0pxthis set
--utrecht-alert-icon-padding-inline-start0pxthis set
--utrecht-alert-icon-positive-colorvar(--tilburg-feedback-positive-color) #8bd793this set
--utrecht-alert-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-alert-icon-warning-color #ffb612 #ffc33dthis set
--utrecht-alert-info-background-colorvar(--tilburg-color-blue-100) #2f1329this set
--utrecht-alert-info-border-colorvar(--tilburg-color-blue-300) #d87dccthis set
--utrecht-alert-info-border-widthvar(--tilburg-border-width-md)this set
--utrecht-alert-info-colorvar(--tilburg-color-blue-500) #f0c1eathis set
--utrecht-alert-informative-background-colorvar( --tilburg-feedback-informative-background-color ) #2f1329this set
--utrecht-alert-informative-border-colorvar( --tilburg-feedback-informative-border-color ) #df93d6this set
--utrecht-alert-informative-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-alert-message-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-alert-message-padding-block-startvar(--tilburg-space-block-beetle)this set
--utrecht-alert-message-row-gapvar(--tilburg-space-row-snail)this set
--utrecht-alert-negative-background-colorvar( --tilburg-feedback-negative-background-color ) #370707this set
--utrecht-alert-negative-border-colorvar( --tilburg-feedback-negative-border-color ) #cf3f3fthis set
--utrecht-alert-negative-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-alert-ok-background-color #e7f9f4 #0f3329this set
--utrecht-alert-ok-border-color #A9D8A3 #366730this set
--utrecht-alert-ok-border-width1pxthis set
--utrecht-alert-ok-color #262124 #ded9dcthis set
--utrecht-alert-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-alert-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-alert-padding-inline-endvar(--tilburg-space-inline-mouse)this set
--utrecht-alert-padding-inline-startvar(--tilburg-space-inline-mouse)this set
--utrecht-alert-positive-background-colorvar( --tilburg-feedback-positive-background-color ) #193516this set
--utrecht-alert-positive-border-colorvar( --tilburg-feedback-positive-border-color ) #83cf8bthis set
--utrecht-alert-positive-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-alert-warning-background-color #fffefa #2b2302this set
--utrecht-alert-warning-border-color #ffb612 #e4a10cthis set
--utrecht-alert-warning-color #7A4700 #ffcc85this set
--utrecht-badge-counter-background-colorvar( --tilburg-feedback-informative-background-color ) #2f1329this set
--utrecht-badge-counter-border-colortransparentthis set
--utrecht-badge-counter-border-radiusvar(--tilburg-border-radius-round)this set
--utrecht-badge-counter-border-widthvar(--tilburg-border-width-sm)this set
--utrecht-badge-counter-colorvar(--tilburg-color-blue-500) #f0c1eathis set
--utrecht-badge-counter-font-familyvar(--tilburg-document-font-family)this set
--utrecht-badge-counter-font-sizevar(--tilburg-typography-font-size-sm)this set
--utrecht-badge-counter-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-badge-counter-line-heightvar(--tilburg-document-line-height)this set
--utrecht-badge-counter-min-block-sizevar(--tilburg-size-xs)this set
--utrecht-badge-counter-min-inline-sizevar(--tilburg-size-xs)this set
--utrecht-badge-counter-padding-blockvar(--tilburg-space-block-ant)this set
--utrecht-badge-counter-padding-inlinevar(--tilburg-space-inline-ant)this set
--utrecht-breadcrumb-nav-divider-colorvar(--tilburg-document-subtle-color) #aaa3a9this set
--utrecht-breadcrumb-nav-divider-sizevar(--tilburg-size-2xs)this set
--utrecht-breadcrumb-nav-font-familyvar(--tilburg-document-font-family)this set
--utrecht-breadcrumb-nav-font-sizevar(--tilburg-document-font-size)this set
--utrecht-breadcrumb-nav-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-breadcrumb-nav-line-heightvar(--tilburg-document-line-height)this set
--utrecht-breadcrumb-nav-link-active-colorvar( --tilburg-interaction-active-color ) #e8a1dfthis set
--utrecht-breadcrumb-nav-link-active-text-decorationnonethis set
--utrecht-breadcrumb-nav-link-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-breadcrumb-nav-link-current-colorvar(--tilburg-document-subtle-color) #b2aab0this set
--utrecht-breadcrumb-nav-link-disabled-colorvar(--tilburg-color-gray-700) #c3bdc2this set
--utrecht-breadcrumb-nav-link-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-breadcrumb-nav-link-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-breadcrumb-nav-link-focus-text-decorationnonethis set
--utrecht-breadcrumb-nav-link-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-breadcrumb-nav-link-hover-text-decorationnonethis set
--utrecht-breadcrumb-nav-link-icon-margin-inlinevar(--tilburg-space-text-beetle)this set
--utrecht-breadcrumb-nav-link-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-breadcrumb-nav-link-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-breadcrumb-nav-link-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-breadcrumb-nav-link-padding-inline-end0pxthis set
--utrecht-breadcrumb-nav-link-padding-inline-start0pxthis set
--utrecht-breadcrumb-nav-link-text-decorationunderlinethis set
--utrecht-breadcrumb-nav-margin-inlinevar(--tilburg-space-inline-beetle)this set
--utrecht-button-active-background-colorvar(--tilburg-color-gray-100) #221e22this set
--utrecht-button-active-border-colorvar(--tilburg-interaction-active-color) #df93d6this set
--utrecht-button-active-colorvar(--tilburg-interaction-active-color) #e8a1dfthis set
--utrecht-button-background-colortransparentthis set
--utrecht-button-border-colorvar(--tilburg-color-gray-900) #d6d0d4this set
--utrecht-button-border-radiusvar(--tilburg-border-radius-md)this set
--utrecht-button-border-widthvar(--tilburg-border-width-sm)this set
--utrecht-button-colorvar(--tilburg-color-gray-900) #e5e1e4this set
--utrecht-button-disabled-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--utrecht-button-disabled-border-colortransparentthis set
--utrecht-button-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--utrecht-button-focus-background-colorvar(--tilburg-focus-background-color) #2f1329this set
--utrecht-button-focus-border-colortransparentthis set
--utrecht-button-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-button-font-familyvar(--tilburg-document-font-family)this set
--utrecht-button-font-sizevar(--tilburg-document-font-size)this set
--utrecht-button-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-button-hover-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--utrecht-button-hover-border-colorvar(--tilburg-interaction-hover-color) #df93d6this set
--utrecht-button-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-button-icon-gapvar(--tilburg-space-text-beetle)this set
--utrecht-button-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-button-line-heightvar(--tilburg-document-line-height)this set
--utrecht-button-min-block-sizevar(--tilburg-pointer-target-min-size)this set
--utrecht-button-min-inline-sizevar(--tilburg-pointer-target-min-size)this set
--utrecht-button-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-button-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-button-padding-inline-endvar(--tilburg-space-inline-mouse)this set
--utrecht-button-padding-inline-startvar(--tilburg-space-inline-mouse)this set
--utrecht-button-primary-action-active-background-colorvar( --tilburg-interaction-active-color ) #df93d6this set
--utrecht-button-primary-action-active-border-colortransparentthis set
--utrecht-button-primary-action-active-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-button-primary-action-background-colorvar(--tilburg-interaction-color) #df93d6this set
--utrecht-button-primary-action-border-colortransparentthis set
--utrecht-button-primary-action-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-button-primary-action-disabled-background-colorvar( --tilburg-color-gray-50 ) #1c181cthis set
--utrecht-button-primary-action-disabled-border-colortransparentthis set
--utrecht-button-primary-action-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--utrecht-button-primary-action-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-button-primary-action-focus-border-colortransparentthis set
--utrecht-button-primary-action-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-button-primary-action-font-weightvar( --tilburg-document-strong-font-weight )this set
--utrecht-button-primary-action-hover-background-colorvar( --tilburg-interaction-hover-color ) #df93d6this set
--utrecht-button-primary-action-hover-border-colortransparentthis set
--utrecht-button-primary-action-hover-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-button-secondary-action-active-background-colorvar( --tilburg-color-gray-100 ) #221e22this set
--utrecht-button-secondary-action-active-border-colorvar( --tilburg-interaction-active-color ) #df93d6this set
--utrecht-button-secondary-action-active-colorvar( --tilburg-interaction-active-color ) #e8a1dfthis set
--utrecht-button-secondary-action-background-colorvar(--tilburg-color-white) #141414this set
--utrecht-button-secondary-action-border-colorvar(--tilburg-interaction-color) #df93d6this set
--utrecht-button-secondary-action-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-button-secondary-action-disabled-background-colorvar( --tilburg-color-gray-50 ) #1c181cthis set
--utrecht-button-secondary-action-disabled-border-colortransparentthis set
--utrecht-button-secondary-action-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--utrecht-button-secondary-action-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-button-secondary-action-focus-border-colortransparentthis set
--utrecht-button-secondary-action-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-button-secondary-action-font-weightvar( --tilburg-document-strong-font-weight )this set
--utrecht-button-secondary-action-hover-background-colorvar( --tilburg-color-gray-50 ) #1c181cthis set
--utrecht-button-secondary-action-hover-border-colorvar( --tilburg-interaction-hover-color ) #df93d6this set
--utrecht-button-secondary-action-hover-colorvar( --tilburg-interaction-hover-color ) #e8a1dfthis set
--utrecht-button-subtle-active-background-colorvar( --tilburg-color-dark-alpha-100 ) #ebebeb1athis set
--utrecht-button-subtle-active-border-colortransparentthis set
--utrecht-button-subtle-active-colorvar(--tilburg-interaction-active-color) #e8a1dfthis set
--utrecht-button-subtle-background-colortransparentthis set
--utrecht-button-subtle-border-colortransparentthis set
--utrecht-button-subtle-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-button-subtle-disabled-background-colorvar(--tilburg-color-gray-50) #1c181cthis set
--utrecht-button-subtle-disabled-border-colortransparentthis set
--utrecht-button-subtle-disabled-colorvar(--tilburg-color-gray-500) #a29aa0this set
--utrecht-button-subtle-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-button-subtle-focus-border-colortransparentthis set
--utrecht-button-subtle-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-button-subtle-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-button-subtle-hover-background-colorvar(--tilburg-color-dark-alpha-50) #ebebeb0dthis set
--utrecht-button-subtle-hover-border-colortransparentthis set
--utrecht-button-subtle-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-checkbox-active-background-colorvar( --tilburg-form-control-active-background-color ) #221e22this set
--utrecht-checkbox-active-border-colorvar( --tilburg-form-control-active-border-color ) #9a9198this set
--utrecht-checkbox-active-border-widthvar( --tilburg-form-control-active-border-width )this set
--utrecht-checkbox-background-colorvar(--tilburg-form-control-background-color) #141414this set
--utrecht-checkbox-border-colorvar(--tilburg-form-control-border-color) #9a9198this set
--utrecht-checkbox-border-radiusvar(--tilburg-border-radius-sm)this set
--utrecht-checkbox-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-checkbox-checked-active-background-colorvar( --tilburg-form-control-active-accent-color ) #df93d6this set
--utrecht-checkbox-checked-active-border-colortransparentthis set
--utrecht-checkbox-checked-active-border-widthvar( --tilburg-form-control-active-border-width )this set
--utrecht-checkbox-checked-active-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-checked-background-colorvar( --tilburg-form-control-accent-color ) #df93d6this set
--utrecht-checkbox-checked-border-colortransparentthis set
--utrecht-checkbox-checked-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-checkbox-checked-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-checked-disabled-background-colorvar( --tilburg-form-control-disabled-accent-color ) #9a9198this set
--utrecht-checkbox-checked-disabled-border-colortransparentthis set
--utrecht-checkbox-checked-disabled-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-checked-focus-background-colorvar( --tilburg-form-control-focus-background-color ) #141414this set
--utrecht-checkbox-checked-focus-border-colorvar( --tilburg-form-control-focus-border-color ) #dcd7dathis set
--utrecht-checkbox-checked-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-checkbox-checked-focus-colorvar(--tilburg-form-control-focus-color) #ece9ebthis set
--utrecht-checkbox-checked-hover-background-colorvar( --tilburg-form-control-hover-accent-color ) #df93d6this set
--utrecht-checkbox-checked-hover-border-colortransparentthis set
--utrecht-checkbox-checked-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-checkbox-checked-hover-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-disabled-background-color #D0CACE #423b40this set
--utrecht-checkbox-disabled-border-colorvar( --tilburg-form-control-disabled-border-color ) #9a9198this set
--utrecht-checkbox-focus-background-colorvar( --tilburg-form-control-focus-background-color ) #141414this set
--utrecht-checkbox-focus-border-colorvar( --tilburg-form-control-focus-border-color ) #dcd7dathis set
--utrecht-checkbox-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-checkbox-hover-background-colorvar( --tilburg-form-control-hover-background-color ) #1c181cthis set
--utrecht-checkbox-hover-border-colorvar( --tilburg-form-control-hover-border-color ) #9a9198this set
--utrecht-checkbox-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-checkbox-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-checkbox-indeterminate-active-background-colorvar( --tilburg-form-control-active-accent-color ) #df93d6this set
--utrecht-checkbox-indeterminate-active-border-colortransparentthis set
--utrecht-checkbox-indeterminate-active-border-widthvar( --tilburg-form-control-active-border-width )this set
--utrecht-checkbox-indeterminate-active-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-indeterminate-background-colorvar( --tilburg-form-control-accent-color ) #df93d6this set
--utrecht-checkbox-indeterminate-border-colortransparentthis set
--utrecht-checkbox-indeterminate-border-widthvar( --tilburg-form-control-border-width )this set
--utrecht-checkbox-indeterminate-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-indeterminate-disabled-background-colorvar( --tilburg-form-control-disabled-accent-color ) #9a9198this set
--utrecht-checkbox-indeterminate-disabled-border-colortransparentthis set
--utrecht-checkbox-indeterminate-disabled-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-indeterminate-focus-background-colorvar( --tilburg-form-control-focus-background-color ) #141414this set
--utrecht-checkbox-indeterminate-focus-border-colorvar( --tilburg-form-control-focus-border-color ) #dcd7dathis set
--utrecht-checkbox-indeterminate-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-checkbox-indeterminate-focus-colorvar( --tilburg-form-control-focus-color ) #ece9ebthis set
--utrecht-checkbox-indeterminate-hover-background-colorvar( --tilburg-form-control-hover-accent-color ) #df93d6this set
--utrecht-checkbox-indeterminate-hover-border-colortransparentthis set
--utrecht-checkbox-indeterminate-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-checkbox-indeterminate-hover-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-checkbox-invalid-background-colorvar( --tilburg-form-control-invalid-background-color ) #141414this set
--utrecht-checkbox-invalid-border-colorvar( --tilburg-form-control-invalid-border-color ) #cf3f3fthis set
--utrecht-checkbox-invalid-border-widthvar( --tilburg-form-control-invalid-border-width )this set
--utrecht-checkbox-sizevar(--tilburg-size-xs)this set
--utrecht-code-background-colorvar(--tilburg-color-code-background-color) #221e22this set
--utrecht-code-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-code-font-sizeinheritthis set
--utrecht-data-list-font-familyvar(--tilburg-document-font-family)this set
--utrecht-data-list-font-sizevar(--tilburg-document-font-size)this set
--utrecht-data-list-item-action-padding-block-endvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-action-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-action-padding-inline-endvar( --tilburg-space-inline-mouse )this set
--utrecht-data-list-item-action-padding-inline-start0pxthis set
--utrecht-data-list-item-action-row-padding-block-endvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-action-row-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-action-row-padding-inline-end0pxthis set
--utrecht-data-list-item-action-row-padding-inline-startvar( --tilburg-space-inline-mouse )this set
--utrecht-data-list-item-border-colorvar(--tilburg-line-border-color) #9a9198this set
--utrecht-data-list-item-border-widthvar(--tilburg-border-width-sm)this set
--utrecht-data-list-item-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-data-list-item-key-font-weightvar( --tilburg-document-strong-font-weight )this set
--utrecht-data-list-item-key-padding-block-endvar(--tilburg-space-block-ant)this set
--utrecht-data-list-item-key-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-data-list-item-key-padding-inline-end0pxthis set
--utrecht-data-list-item-key-padding-inline-start0pxthis set
--utrecht-data-list-item-key-row-padding-block-endvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-key-row-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-key-row-padding-inline-endvar( --tilburg-space-inline-mouse )this set
--utrecht-data-list-item-key-row-padding-inline-start0pxthis set
--utrecht-data-list-item-value-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-data-list-item-value-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-data-list-item-value-padding-block-startvar(--tilburg-space-block-ant)this set
--utrecht-data-list-item-value-padding-inline-end0pxthis set
--utrecht-data-list-item-value-padding-inline-start0pxthis set
--utrecht-data-list-item-value-row-padding-block-endvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-value-row-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-data-list-item-value-row-padding-inline-end0pxthis set
--utrecht-data-list-item-value-row-padding-inline-start0pxthis set
--utrecht-data-list-line-heightvar(--tilburg-document-line-height)this set
--utrecht-data-list-rows-item-padding-block-endvar(--tilburg-space-block-ant)this set
--utrecht-data-list-rows-item-padding-block-startvar( --tilburg-space-block-snail )this set
--utrecht-document-background-colorvar(--tilburg-color-white) #141414this set
--utrecht-document-colorvar(--tilburg-color-black-txt) #ded9dcthis set
--utrecht-document-font-familyvar(--tilburg-typography-font-family-secondary)this set
--utrecht-document-font-sizevar(--tilburg-typography-font-size-md)this set
--utrecht-document-font-weightvar(--tilburg-typography-font-weight-normal)this set
--utrecht-document-inverse-background-colorvar(--tilburg-color-gray-950) #dfdbdfthis set
--utrecht-document-inverse-colorvar(--tilburg-color-white) #9e9e9ethis set
--utrecht-document-line-heightvar(--tilburg-typography-line-height-md)this set
--utrecht-document-strong-font-weightvar(--tilburg-typography-font-weight-bold)this set
--utrecht-document-subtle-colorvar(--tilburg-color-gray-600) #b2aab0this set
--utrecht-feedback-danger-fill-background-colorvar(--tilburg-color-red-100) #370707this set
--utrecht-feedback-danger-fill-border-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--utrecht-feedback-danger-fill-colorvar(--tilburg-color-red-300) #cf3f3fthis set
--utrecht-feedback-neutral-fill-background-colorvar(--tilburg-color-gray-100) #221e22this set
--utrecht-feedback-neutral-fill-border-colorvar(--tilburg-color-gray-400) #7b7378this set
--utrecht-feedback-neutral-fill-colorvar(--tilburg-color-gray-900) #d6d0d4this set
--utrecht-feedback-success-fill-background-colorvar(--tilburg-color-green-100) #193516this set
--utrecht-feedback-success-fill-border-colorvar(--tilburg-color-green-300) #83cf8bthis set
--utrecht-feedback-success-fill-colorvar(--tilburg-color-green-300) #83cf8bthis set
--utrecht-feedback-warning-fill-background-colorvar(--tilburg-color-orange-100) #473404this set
--utrecht-feedback-warning-fill-border-colorvar(--tilburg-color-orange-300) #f6b85dthis set
--utrecht-feedback-warning-fill-colorvar(--tilburg-color-orange-300) #f6b85dthis set
--utrecht-form-field-description-colorvar(--tilburg-document-subtle-color) #b2aab0this set
--utrecht-form-field-description-font-familyvar(--tilburg-document-font-family)this set
--utrecht-form-field-description-font-sizevar(--tilburg-document-font-size)this set
--utrecht-form-field-description-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-form-field-description-line-heightvar(--tilburg-document-line-height)this set
--utrecht-form-field-error-message-colorvar(--tilburg-feedback-negative-color) #de5e5ethis set
--utrecht-form-field-error-message-font-familyvar( --tilburg-document-font-family )this set
--utrecht-form-field-error-message-font-sizevar(--tilburg-document-font-size)this set
--utrecht-form-field-error-message-font-weightvar( --tilburg-document-font-weight )this set
--utrecht-form-field-error-message-icon-margin-inline-endvar( --tilburg-space-text-mouse )this set
--utrecht-form-field-error-message-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-form-field-error-message-line-heightvar( --tilburg-document-line-height )this set
--utrecht-form-label-checkbox-font-weightvar( --tilburg-typography-font-weight-normal )this set
--utrecht-form-label-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-form-label-font-familyvar(--tilburg-document-font-family)this set
--utrecht-form-label-font-sizevar(--tilburg-document-font-size)this set
--utrecht-form-label-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-form-label-line-heightvar(--tilburg-document-line-height)this set
--utrecht-heading-1-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-1-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-1-font-sizevar(--tilburg-typography-font-size-3xl)this set
--utrecht-heading-1-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-1-line-heightvar(--tilburg-typography-line-height-sm)this set
--utrecht-heading-2-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-2-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-2-font-sizevar(--tilburg-typography-font-size-2xl)this set
--utrecht-heading-2-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-2-line-heightvar(--tilburg-typography-line-height-sm)this set
--utrecht-heading-3-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-3-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-3-font-sizevar(--tilburg-typography-font-size-xl)this set
--utrecht-heading-3-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-3-line-heightvar(--tilburg-typography-line-height-sm)this set
--utrecht-heading-4-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-4-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-4-font-sizevar(--tilburg-typography-font-size-lg)this set
--utrecht-heading-4-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-4-line-heightvar(--tilburg-typography-line-height-md)this set
--utrecht-heading-5-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-5-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-5-font-sizevar(--tilburg-typography-font-size-md)this set
--utrecht-heading-5-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-5-line-heightvar(--tilburg-typography-line-height-md)this set
--utrecht-heading-6-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-heading-6-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-heading-6-font-sizevar(--tilburg-typography-font-size-sm)this set
--utrecht-heading-6-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-heading-6-line-heightvar(--tilburg-typography-line-height-md)this set
--utrecht-link-active-colorvar(--tilburg-interaction-active-color) #e8a1dfthis set
--utrecht-link-active-text-decorationnonethis set
--utrecht-link-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-link-focus-background-colortransparentthis set
--utrecht-link-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-link-focus-text-decorationnonethis set
--utrecht-link-focus-text-decoration-thicknessautothis set
--utrecht-link-font-familyvar(--tilburg-document-font-family)this set
--utrecht-link-font-sizevar(--tilburg-document-font-size)this set
--utrecht-link-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-link-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-link-hover-text-decorationnonethis set
--utrecht-link-hover-text-decoration-thicknessautothis set
--utrecht-link-icon-margin-inlinevar(--tilburg-space-text-beetle)this set
--utrecht-link-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-link-line-heightvar(--tilburg-document-line-height)this set
--utrecht-link-text-decorationunderlinethis set
--utrecht-link-text-decoration-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-link-text-decoration-thicknessautothis set
--utrecht-link-text-underline-offsetautothis set
--utrecht-link-visited-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-ordered-list-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-ordered-list-font-familyvar(--tilburg-document-font-family)this set
--utrecht-ordered-list-font-sizevar(--tilburg-document-font-size)this set
--utrecht-ordered-list-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-ordered-list-item-margin-block-endvar(--tilburg-space-block-ant)this set
--utrecht-ordered-list-item-margin-block-startvar(--tilburg-space-block-ant)this set
--utrecht-ordered-list-line-heightvar(--tilburg-document-line-height)this set
--utrecht-ordered-list-padding-inline-startvar(--tilburg-space-inline-rabbit)this set
--utrecht-paragraph-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-paragraph-font-familyvar(--tilburg-document-font-family)this set
--utrecht-paragraph-font-sizevar(--tilburg-document-font-size)this set
--utrecht-paragraph-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-paragraph-lead-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-paragraph-lead-font-familyvar(--tilburg-document-font-family)this set
--utrecht-paragraph-lead-font-sizevar(--tilburg-typography-font-size-lg)this set
--utrecht-paragraph-lead-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-paragraph-lead-line-heightvar(--tilburg-document-line-height)this set
--utrecht-paragraph-line-heightvar(--tilburg-document-line-height)this set
--utrecht-paragraph-small-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-paragraph-small-font-familyvar(--tilburg-document-font-family)this set
--utrecht-paragraph-small-font-sizevar(--tilburg-typography-font-size-sm)this set
--utrecht-paragraph-small-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-paragraph-small-line-heightvar(--tilburg-document-line-height)this set
--utrecht-radio-button-background-colorvar( --tilburg-form-control-background-color ) #141414this set
--utrecht-radio-button-border-colorvar(--tilburg-form-control-border-color) #9a9198this set
--utrecht-radio-button-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-radio-button-checked-active-background-colorvar( --tilburg-form-control-active-background-color ) #221e22this set
--utrecht-radio-button-checked-active-border-colorvar( --tilburg-interaction-active-color ) #df93d6this set
--utrecht-radio-button-checked-active-border-widthvar( --tilburg-form-control-active-border-width )this set
--utrecht-radio-button-checked-active-colorvar( --tilburg-interaction-active-color ) #e8a1dfthis set
--utrecht-radio-button-checked-background-colorvar( --tilburg-form-control-background-color ) #141414this set
--utrecht-radio-button-checked-border-colorvar(--tilburg-interaction-color) #df93d6this set
--utrecht-radio-button-checked-border-widthvar( --tilburg-form-control-border-width )this set
--utrecht-radio-button-checked-colorvar(--tilburg-interaction-color) #e8a1dfthis set
--utrecht-radio-button-checked-disabled-background-colorvar( --tilburg-form-control-disabled-background-color ) #1c181cthis set
--utrecht-radio-button-checked-disabled-border-colorvar( --tilburg-form-control-disabled-border-color ) #9a9198this set
--utrecht-radio-button-checked-disabled-border-widthvar( --tilburg-form-control-disabled-border-width )this set
--utrecht-radio-button-checked-disabled-colorvar( --tilburg-form-control-disabled-color ) #a29aa0this set
--utrecht-radio-button-checked-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-radio-button-checked-focus-border-colorvar( --tilburg-focus-border-color )this set
--utrecht-radio-button-checked-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-radio-button-checked-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-radio-button-checked-hover-background-colorvar( --tilburg-form-control-hover-background-color ) #1c181cthis set
--utrecht-radio-button-checked-hover-border-colorvar( --tilburg-interaction-hover-color ) #df93d6this set
--utrecht-radio-button-checked-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-radio-button-checked-hover-colorvar(--tilburg-interaction-hover-color) #e8a1dfthis set
--utrecht-radio-button-disabled-background-colorvar( --tilburg-document-background-color ) #141414this set
--utrecht-radio-button-disabled-border-colorvar( --tilburg-form-control-disabled-border-color ) #9a9198this set
--utrecht-radio-button-disabled-border-widthvar( --tilburg-form-control-disabled-border-width )this set
--utrecht-radio-button-disabled-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-radio-button-focus-background-colorvar( --tilburg-focus-background-color ) #2f1329this set
--utrecht-radio-button-focus-border-colorvar(--tilburg-focus-border-color)this set
--utrecht-radio-button-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-radio-button-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-radio-button-hover-background-colorvar( --tilburg-form-control-hover-background-color ) #1c181cthis set
--utrecht-radio-button-hover-border-colorvar( --tilburg-form-control-hover-border-color ) #9a9198this set
--utrecht-radio-button-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-radio-button-icon-size5pxthis set
--utrecht-radio-button-invalid-background-colorvar( --tilburg-feedback-negative-background-color ) #370707this set
--utrecht-radio-button-invalid-border-colorvar( --tilburg-feedback-negative-border-color ) #cf3f3fthis set
--utrecht-radio-button-invalid-border-widthvar( --tilburg-form-control-invalid-border-width )this set
--utrecht-radio-button-invalid-colorvar(--tilburg-feedback-negative-color) #de5e5ethis set
--utrecht-radio-button-label-font-familyvar(--tilburg-document-font-family)this set
--utrecht-radio-button-label-font-sizevar(--tilburg-document-font-size)this set
--utrecht-radio-button-label-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-radio-button-label-line-heightvar(--tilburg-document-line-height)this set
--utrecht-radio-button-min-block-size16pxthis set
--utrecht-radio-button-min-inline-size16pxthis set
--utrecht-select-background-colorvar(--tilburg-form-control-background-color) #141414this set
--utrecht-select-background-imageurl("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%23001737'/%3E%3C/svg%3E")this set
--utrecht-select-border-bottom-widthautothis set
--utrecht-select-border-colorvar(--tilburg-form-control-border-color) #9a9198this set
--utrecht-select-border-radiusvar(--tilburg-border-radius-md)this set
--utrecht-select-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-select-colorvar(--tilburg-form-control-color) #ece9ecthis set
--utrecht-select-disabled-background-color #e9e9e9 #272727this set
--utrecht-select-disabled-border-colorvar( --tilburg-form-control-disabled-border-color ) #9a9198this set
--utrecht-select-disabled-colorvar(--tilburg-form-control-disabled-color) #a29aa0this set
--utrecht-select-focus-background-colorvar( --tilburg-form-control-focus-background-color ) #141414this set
--utrecht-select-focus-border-colorvar( --tilburg-form-control-focus-border-color ) #dcd7dathis set
--utrecht-select-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-select-focus-colorvar(--tilburg-form-control-focus-color) #ece9ebthis set
--utrecht-select-font-familyvar(--tilburg-document-font-family)this set
--utrecht-select-font-sizevar(--tilburg-document-font-size)this set
--utrecht-select-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-select-hover-background-colorvar( --tilburg-form-control-hover-background-color ) #1c181cthis set
--utrecht-select-hover-border-colorvar( --tilburg-form-control-hover-border-color ) #9a9198this set
--utrecht-select-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-select-hover-colorvar(--tilburg-form-control-hover-color) #ece9ecthis set
--utrecht-select-icon-sizevar(--tilburg-icon-functional-size)this set
--utrecht-select-invalid-background-colorvar( --tilburg-form-control-invalid-background-color ) #141414this set
--utrecht-select-invalid-border-colorvar( --tilburg-form-control-invalid-border-color ) #cf3f3fthis set
--utrecht-select-invalid-border-widthvar( --tilburg-form-control-invalid-border-width )this set
--utrecht-select-invalid-colorvar(--tilburg-form-control-color) #ece9ecthis set
--utrecht-select-max-inline-size400pxthis set
--utrecht-select-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-select-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-select-padding-inline-endvar(--tilburg-space-inline-snail)this set
--utrecht-select-padding-inline-startvar(--tilburg-space-inline-snail)this set
--utrecht-separator-block-end0this set
--utrecht-separator-block-size1pxthis set
--utrecht-separator-block-start0this set
--utrecht-separator-colorvar(--tilburg-color-gray-300) #423b40this set
--utrecht-separator-margin-block-endvar(--tilburg-space-block-cat)this set
--utrecht-separator-margin-block-startvar(--tilburg-space-block-cat)this set
--utrecht-separator-width100%this set
--utrecht-skip-link-background-colorvar( --tilburg-document-inverse-background-color ) #dfdbdfthis set
--utrecht-skip-link-border-colortransparentthis set
--utrecht-skip-link-border-widthvar(--tilburg-border-width-sm)this set
--utrecht-skip-link-box-block-end-shadowvar(--tilburg-box-shadow-lg)this set
--utrecht-skip-link-colorvar(--tilburg-document-inverse-color) #9e9e9ethis set
--utrecht-skip-link-focus-background-colorvar(--tilburg-focus-background-color) #2f1329this set
--utrecht-skip-link-focus-border-colortransparentthis set
--utrecht-skip-link-focus-colorvar(--tilburg-focus-color) #f0c1eathis set
--utrecht-skip-link-focus-text-decorationnonethis set
--utrecht-skip-link-font-familyvar(--tilburg-document-font-family)this set
--utrecht-skip-link-font-sizevar(--tilburg-document-font-size)this set
--utrecht-skip-link-font-weightvar(--tilburg-document-strong-font-weight)this set
--utrecht-skip-link-min-block-sizevar(--tilburg-pointer-target-min-size)this set
--utrecht-skip-link-min-inline-sizevar(--tilburg-pointer-target-min-size)this set
--utrecht-skip-link-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-skip-link-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-skip-link-padding-inline-endvar(--tilburg-space-inline-mouse)this set
--utrecht-skip-link-padding-inline-startvar(--tilburg-space-inline-mouse)this set
--utrecht-skip-link-text-decorationunderlinethis set
--utrecht-table-caption-colorvar(--tilburg-heading-color) #ece9ebthis set
--utrecht-table-caption-font-familyvar(--tilburg-heading-font-family)this set
--utrecht-table-caption-font-sizevar(--tilburg-typography-font-size-xl)this set
--utrecht-table-caption-font-weightvar(--tilburg-heading-font-weight)this set
--utrecht-table-caption-margin-block-endvar(--tilburg-space-block-rabbit)this set
--utrecht-table-cell-line-heightvar(--tilburg-typography-line-height-md)this set
--utrecht-table-cell-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-table-cell-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-table-cell-padding-inline-endvar(--tilburg-space-block-snail)this set
--utrecht-table-cell-padding-inline-startvar(--tilburg-space-block-snail)this set
--utrecht-table-container-box-inline-end-shadowvar(--tilburg-box-shadow-lg)this set
--utrecht-table-container-box-inline-start-shadowvar(--tilburg-box-shadow-lg)this set
--utrecht-table-data-cell-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-table-data-cell-font-familyvar(--tilburg-document-font-family)this set
--utrecht-table-data-cell-font-sizevar(--tilburg-document-font-size)this set
--utrecht-table-data-cell-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-table-footer-background-colortransparentthis set
--utrecht-table-footer-border-block-end-colorvar(--tilburg-line-border-color) #9a9198this set
--utrecht-table-footer-border-block-end-widthvar(--tilburg-border-width-sm)this set
--utrecht-table-footer-cell-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-table-footer-cell-font-familyvar(--tilburg-document-font-family)this set
--utrecht-table-footer-cell-font-sizevar(--tilburg-document-font-size)this set
--utrecht-table-footer-cell-font-weightvar( --tilburg-document-strong-font-weight )this set
--utrecht-table-header-background-colortransparentthis set
--utrecht-table-header-border-block-end-colorvar(--tilburg-line-border-color) #9a9198this set
--utrecht-table-header-border-block-end-widthvar(--tilburg-border-width-md)this set
--utrecht-table-header-cell-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-table-header-cell-font-familyvar(--tilburg-document-font-family)this set
--utrecht-table-header-cell-font-sizevar(--tilburg-document-font-size)this set
--utrecht-table-header-cell-font-weightvar( --tilburg-document-strong-font-weight )this set
--utrecht-table-row-background-colortransparentthis set
--utrecht-table-row-border-block-end-colorvar(--tilburg-line-border-color) #9a9198this set
--utrecht-table-row-border-block-end-widthvar(--tilburg-border-width-sm)this set
--utrecht-textarea-background-colorvar(--tilburg-form-control-background-color) #9e9e9ethis set
--utrecht-textarea-border-block-end-widthvar(--utrecht-textarea-border-width)this set
--utrecht-textarea-border-colorvar(--tilburg-form-control-border-color) #a29aa0this set
--utrecht-textarea-border-radiusvar(--tilburg-border-radius-md)this set
--utrecht-textarea-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-textarea-colorvar(--tilburg-form-control-color) #ece9ecthis set
--utrecht-textarea-font-familyvar(--tilburg-document-font-family)this set
--utrecht-textarea-font-sizevar(--tilburg-document-font-size)this set
--utrecht-textarea-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-textarea-max-inline-size400pxthis set
--utrecht-textarea-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-textarea-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-textarea-padding-inline-endvar(--tilburg-space-inline-snail)this set
--utrecht-textarea-padding-inline-startvar(--tilburg-space-inline-snail)this set
--utrecht-textarea-placeholder-colorvar( --tilburg-form-control-placeholder-color ) #b2aab0this set
--utrecht-textbox-background-colorvar(--tilburg-form-control-background-color) #9e9e9ethis set
--utrecht-textbox-border-block-end-widthautothis set
--utrecht-textbox-border-colorvar(--tilburg-form-control-border-color) #a29aa0this set
--utrecht-textbox-border-radiusvar(--tilburg-border-radius-md)this set
--utrecht-textbox-border-widthvar(--tilburg-form-control-border-width)this set
--utrecht-textbox-colorvar(--tilburg-form-control-color) #ece9ecthis set
--utrecht-textbox-disabled-background-colorvar( --tilburg-form-control-disabled-background-color ) #a697a6this set
--utrecht-textbox-disabled-border-colorvar( --tilburg-form-control-disabled-border-color ) #a29aa0this set
--utrecht-textbox-disabled-colorvar(--tilburg-form-control-disabled-color) #a29aa0this set
--utrecht-textbox-focus-background-colorvar( --tilburg-form-control-focus-background-color ) #9e9e9ethis set
--utrecht-textbox-focus-border-colorvar( --tilburg-form-control-focus-border-color ) #ece9ebthis set
--utrecht-textbox-focus-border-widthvar( --tilburg-form-control-focus-border-width )this set
--utrecht-textbox-focus-colorvar(--tilburg-form-control-focus-color) #ece9ebthis set
--utrecht-textbox-font-familyvar(--tilburg-document-font-family)this set
--utrecht-textbox-font-sizevar(--tilburg-document-font-size)this set
--utrecht-textbox-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-textbox-hover-background-colorvar( --tilburg-form-control-hover-background-color ) #a697a6this set
--utrecht-textbox-hover-border-colorvar( --tilburg-form-control-hover-border-color ) #a29aa0this set
--utrecht-textbox-hover-border-widthvar( --tilburg-form-control-hover-border-width )this set
--utrecht-textbox-hover-colorvar(--tilburg-form-control-hover-color) #ece9ecthis set
--utrecht-textbox-invalid-background-colorvar( --tilburg-form-control-invalid-background-color ) #9e9e9ethis set
--utrecht-textbox-invalid-border-colorvar( --tilburg-form-control-invalid-border-color ) #de5e5ethis set
--utrecht-textbox-invalid-border-widthvar( --tilburg-form-control-invalid-border-width )this set
--utrecht-textbox-invalid-colorvar(--tilburg-form-control-color) #ece9ecthis set
--utrecht-textbox-max-inline-size400pxthis set
--utrecht-textbox-padding-block-endvar(--tilburg-space-block-snail)this set
--utrecht-textbox-padding-block-startvar(--tilburg-space-block-snail)this set
--utrecht-textbox-padding-inline-endvar(--tilburg-space-inline-snail)this set
--utrecht-textbox-padding-inline-startvar(--tilburg-space-inline-snail)this set
--utrecht-textbox-placeholder-colorvar(--tilburg-form-control-placeholder-color) #b2aab0this set
--utrecht-textbox-read-only-background-colorvar( --tilburg-form-control-read-only-background-color ) #a697a6this set
--utrecht-textbox-read-only-border-colorvar( --tilburg-form-control-read-only-border-color ) #a29aa0this set
--utrecht-textbox-read-only-colorvar(--tilburg-form-control-read-only-color) #ece9ecthis set
--utrecht-unordered-list-colorvar(--tilburg-document-color) #ded9dcthis set
--utrecht-unordered-list-font-familyvar(--tilburg-document-font-family)this set
--utrecht-unordered-list-font-sizevar(--tilburg-document-font-size)this set
--utrecht-unordered-list-font-weightvar(--tilburg-document-font-weight)this set
--utrecht-unordered-list-item-margin-block-endvar(--tilburg-space-block-ant)this set
--utrecht-unordered-list-item-margin-block-startvar(--tilburg-space-block-ant)this set
--utrecht-unordered-list-marker-border-colorvar(--tilburg-document-color) #d0cacdthis set
--utrecht-unordered-list-marker-colorvar(--tilburg-color-blue-300) #d87dccthis set
--utrecht-unordered-list-padding-inline-startvar(--tilburg-space-inline-rabbit)this set
--vng-color-black #161315 #dcd7dathis set
--vng-color-black-txt #262124 #d0cacdthis set
--vng-color-blue-100 #F7E9F4 #2f1329this set
--vng-color-blue-200 #E2B3D7 #5a274ethis set
--vng-color-blue-300 #7A1F6E #d87dccthis set
--vng-color-blue-400 #5E1755 #df93d6this set
--vng-color-blue-500 #3E0F38 #e7ade0this set
--vng-color-extra-limegreen #86BC25 #a0d147this set
--vng-color-extra-purple #7A1F6E #d87dccthis set
--vng-color-extra-yellow #F5C518 #deb215this set
--vng-color-gray-100 #F2F0F2 #221e22this set
--vng-color-gray-200 #E5E1E4 #2f292dthis set
--vng-color-gray-300 #D0CACE #423b40this set
--vng-color-gray-400 #8E858B #7b7378this set
--vng-color-gray-50 #F9F8F9 #1c181cthis set
--vng-color-gray-500 #6A6168 #9a9198this set
--vng-color-gray-600 #554D53 #aaa3a9this set
--vng-color-gray-700 #423C41 #b9b3b8this set
--vng-color-gray-800 #2F2A2E #c8c2c7this set
--vng-color-gray-900 #1E1A1D #d6d0d4this set
--vng-color-gray-950 #110F11 #dfdbdfthis set
--vng-color-green-100 #E3F4E1 #193516this set
--vng-color-green-200 #A9D8A3 #366730this set
--vng-color-green-300 #287430 #83cf8bthis set
--vng-color-green-400 #1B5E20 #94db9athis set
--vng-color-orange-100 #FFF3D6 #473404this set
--vng-color-orange-200 #FFD98A #845b07this set
--vng-color-orange-300 #9A5B00 #f6b85dthis set
--vng-color-orange-400 #7A4700 #f8c277this set
--vng-color-pink-100 #E0F2F4 #163336this set
--vng-color-pink-200 #9CD3DA #2e666dthis set
--vng-color-pink-300 #006E7F #73e6f8this set
--vng-color-pink-400 #005461 #8beaf9this set
--vng-color-red-100 #FDE7E7 #370707this set
--vng-color-red-200 #F5B5B5 #5e1111this set
--vng-color-red-300 #C62828 #cf3f3fthis set
--vng-color-red-400 #A11D1D #d95c5cthis set
--vng-color-white #ffffff #141414this set