Skip to main content

Gemeente Nijmegen

Token set nijmegen: 1267 declared by this set, 85 from the defaults layer.

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

Colours (Kleuren)​

TokenValueDark modeSourcePaints
--nldesign-color-background-dark #e0e1e2 #2c2e2fdefaultsBackground dark, Table header background
--nldesign-color-background-darker #d0d1d2 #3a3b3cdefaultsBackground darker
--nldesign-color-background-hover #e8e9ea #252728defaults--color-main-background
--nldesign-color-border #b4b4b4 #535353defaultsBorder color, Select border, Table row rule, Text input border, --nldesign-component-separator-border-color
--nldesign-color-border-dark #696969 #929292defaultsBorder dark, Border max contrast
--nldesign-color-button-primary-background #154273 #81afe2defaults
--nldesign-color-button-primary-border #154273 #81afe2defaults
--nldesign-color-button-primary-hover #1d5499 #6397dadefaults
--nldesign-color-button-primary-text #ffffff #9e9e9edefaults
--nldesign-color-error #d52b1e #d83d32defaultsBorder error, Element error, Error color, Text error, Text input invalid
--nldesign-color-error-hover #8b1a15 #e2726ddefaultsError hover
--nldesign-color-error-rgb213, 43, 30216, 61, 50defaults--color-error-text
--nldesign-color-favorite #e17000 #f48c25defaults--filter-background-blur
--nldesign-color-focus rgba(0, 123, 199, 0.5) #39adf580defaultsButton focus ring
--nldesign-color-focus-rgb0, 123, 19957, 173, 245defaults
--nldesign-color-header-background #ffffff #141414defaults
--nldesign-color-header-text #333333 #ccccccdefaults
--nldesign-color-info #007bc7 #39adf5defaultsInfo color, Text input focus, --color-info-hover
--nldesign-color-info-rgb0, 123, 19957, 173, 245defaults
--nldesign-color-link #154273 #81afe2defaultsLink colour
--nldesign-color-link-hover #007bc7 #39adf5defaultsLink hover colour
--nldesign-color-link-visited #42145f #c392e3defaults--nldesign-component-link-visited-color
--nldesign-color-logo-backgroundtransparentdefaults
--nldesign-color-nav-background #ffffff #141414defaults
--nldesign-color-placeholder-dark #cccccc #3f3f3fdefaultsPlaceholder dark
--nldesign-color-placeholder-light #e5e5e5 #2a2a2adefaultsPlaceholder light
--nldesign-color-primary #154273 #2f80d9defaultsBadge background, Primary button background, Primary color, Primary element color, Primary element light text and 7 more
--nldesign-color-primary-hover #1d5499 #1d5499defaultsPrimary button hover, Primary element hover, Primary hover color
--nldesign-color-primary-light #e8f0f8 #112131defaultsPrimary element light, Tertiary button hover, --color-primary-element-text-dark
--nldesign-color-primary-light-hover #d4e4f2 #172d41defaultsPrimary element light hover, Primary light hover, Tertiary button pressed
--nldesign-color-primary-text #ffffff #111111defaultsBadge number, Primary button label, Primary element text, Primary text color
--nldesign-color-success #39870c #9ceb6fdefaultsBorder success, Element success, Success color, Text success
--nldesign-color-success-rgb57, 135, 12156, 235, 111defaults--color-success-hover
--nldesign-color-text #333333 #ccccccdefaultsBody 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 #9e9e9edefaults--color-text-maxcontrast-default
--nldesign-color-text-muted #696969 #9e9e9edefaultsText lighter, Text max contrast
--nldesign-color-warning #e17000 #f48c25defaultsElement warning, Text warning, Warning color
--nldesign-color-warning-rgb225, 112, 0244, 140, 37defaults--color-warning-hover
--nldesign-component-badge-background-color`var(
--nldesign-color-primary
)` #81afe2defaults
--nldesign-component-badge-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-active-background-color #ebeef1 #1d2328this set
--nldesign-component-button-active-color #3b0faf #7c50f0this set
--nldesign-component-button-background-colortransparentthis set
--nldesign-component-button-border-color #223c61 #93aed4this set
--nldesign-component-button-color #223c61 #9eb8ddthis set
--nldesign-component-button-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-button-disabled-border-colortransparentthis set
--nldesign-component-button-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-button-focus-border-colortransparentthis set
--nldesign-component-button-hover-background-color #f5f6f8 #171a20this set
--nldesign-component-button-hover-border-color #4a13db #5e2ce2this set
--nldesign-component-button-hover-color #4a13db #794df0this set
--nldesign-component-button-primary-action-background-color #5616ff #460ce1this set
--nldesign-component-button-primary-action-border-colortransparentthis set
--nldesign-component-button-primary-action-color #ffffff #9e9e9ethis set
--nldesign-component-button-primary-action-hover-background-color #4a13db #5e2ce2this set
--nldesign-component-button-primary-action-hover-color #ffffff #9e9e9ethis set
--nldesign-component-button-secondary-action-background-color #ffffff #141414this set
--nldesign-component-button-secondary-action-border-color #5616ff #460ce1this set
--nldesign-component-button-secondary-action-color #5616ff #723dffthis set
--nldesign-component-button-secondary-action-hover-background-color #f5f6f8 #171a20this set
--nldesign-component-form-field-label-color #223c61 #9eb8ddthis set
--nldesign-component-form-fieldset-border-color`var(
--nldesign-color-border
)` #535353defaults
--nldesign-component-form-select-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-form-select-focus-border-colorvar(--nldesign-color-info) #39adf5defaults
--nldesign-component-heading-1-color #223c61 #9eb8ddthis set
--nldesign-component-heading-2-color #223c61 #9eb8ddthis set
--nldesign-component-heading-3-color #223c61 #9eb8ddthis set
--nldesign-component-heading-4-color #223c61 #9eb8ddthis set
--nldesign-component-heading-5-color #223c61 #9eb8ddthis set
--nldesign-component-heading-6-color #223c61 #9eb8ddthis set
--nldesign-component-heading-color #223c61 #9eb8ddthis set
--nldesign-component-link-color #5616ff #723dffthis set
--nldesign-component-link-hover-color #4a13db #794df0this set
--nldesign-component-link-visited-color #5616ff #723dffthis set
--nldesign-component-ordered-list-color #223c61 #9eb8ddthis set
--nldesign-component-paragraph-color #223c61 #9eb8ddthis set
--nldesign-component-separator-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-table-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-table-header-background-colortransparentthis set
--nldesign-component-table-header-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-table-row-hover-background-color`var(
--nldesign-color-background-hover
)` #252728defaults
--nldesign-component-textbox-background-color #ffffff #9e9e9ethis set
--nldesign-component-textbox-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textbox-color #001e49 #b6d4ffthis set
--nldesign-component-textbox-disabled-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textbox-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-textbox-focus-border-color #000000 #ebebebthis set
--nldesign-component-textbox-hover-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textbox-invalid-border-color #cd262d #e15c61this set
--nldesign-component-unordered-list-color #223c61 #9eb8ddthis set

Typography (Typografie)​

TokenValueDark modeSourcePaints
--nldesign-component-badge-font-size0.875remdefaults
--nldesign-component-badge-font-weight700defaults
--nldesign-component-button-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-button-font-size16pxthis set
--nldesign-component-button-font-weightBoldthis set
--nldesign-component-form-field-label-font-weightBoldthis set
--nldesign-component-heading-1-font-size40pxthis set
--nldesign-component-heading-1-font-weightBoldthis set
--nldesign-component-heading-1-line-height125%this set
--nldesign-component-heading-2-font-size32pxthis set
--nldesign-component-heading-2-font-weightBoldthis set
--nldesign-component-heading-2-line-height125%this set
--nldesign-component-heading-3-font-size24pxthis set
--nldesign-component-heading-3-font-weightBoldthis set
--nldesign-component-heading-3-line-height125%this set
--nldesign-component-heading-4-font-size20pxthis set
--nldesign-component-heading-4-font-weightBoldthis set
--nldesign-component-heading-4-line-height150%this set
--nldesign-component-heading-5-font-size16pxthis set
--nldesign-component-heading-5-font-weightBoldthis set
--nldesign-component-heading-5-line-height150%this set
--nldesign-component-heading-6-font-size14pxthis set
--nldesign-component-heading-6-font-weightBoldthis set
--nldesign-component-heading-6-line-height150%this set
--nldesign-component-heading-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-font-weightBoldthis set
--nldesign-component-link-font-weightRegularthis set
--nldesign-component-link-text-decorationunderlinethis set
--nldesign-component-ordered-list-font-size16pxthis set
--nldesign-component-ordered-list-line-height150%this set
--nldesign-component-paragraph-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-paragraph-font-size16pxthis set
--nldesign-component-paragraph-font-weightRegularthis set
--nldesign-component-paragraph-line-height150%this set
--nldesign-component-table-header-font-weight700defaults
--nldesign-component-textbox-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-textbox-font-size16pxthis set
--nldesign-component-unordered-list-font-size16pxthis set
--nldesign-component-unordered-list-line-height150%this set
--nldesign-font-family`'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif`defaultsFont 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-radius0defaultsBorder radius element, Button corner, Select corner, Text input corner, --border-width-input
--nldesign-border-radius-large4pxdefaults--border-radius-container
--nldesign-border-radius-pill100pxdefaultsBadge shape, Border radius pill
--nldesign-border-radius-rounded0defaultsBorder radius rounded
--nldesign-border-radius-small0defaultsBorder 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-radius8pxthis set
--nldesign-component-button-border-width1pxthis set
--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-radius0pxthis set
--nldesign-component-textbox-border-width1pxthis set
--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-filterinvert(1) brightness(0) contrast(100)defaults
--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
--nijmegen-border-radius-lg16pxthis set
--nijmegen-border-radius-md8pxthis set
--nijmegen-border-radius-round999pxthis set
--nijmegen-border-radius-sm4pxthis set
--nijmegen-border-width-lg4pxthis set
--nijmegen-border-width-md2pxthis set
--nijmegen-border-width-sm1pxthis set
--nijmegen-color-black #000000 #ebebebthis set
--nijmegen-color-blue-100 #ddf0fc #092a3fthis set
--nijmegen-color-blue-200 #abdbf8 #0e4667this set
--nijmegen-color-blue-300 #78c5f4 #136190this set
--nijmegen-color-blue-400 #40adef #1a7fbdthis set
--nijmegen-color-blue-50 #eef8fe #062232this set
--nijmegen-color-blue-500 #008de4 #22a4f3this set
--nijmegen-color-blue-600 #006fb3 #49b4f5this set
--nijmegen-color-blue-700 #005c94 #62bff7this set
--nijmegen-color-blue-800 #004e7e #74c5f8this set
--nijmegen-color-blue-900 #003e64 #88cef9this set
--nijmegen-color-blue-950 #002237 #acddfbthis set
--nijmegen-color-dark-alpha-100 #0000001a #ebebeb1athis set
--nijmegen-color-dark-alpha-50 #0000000d #ebebeb0dthis set
--nijmegen-color-feedback-blue-60 #40c4ff #0a87bfthis set
--nijmegen-color-feedback-green-50 #cddc39 #b3c12cthis set
--nijmegen-color-feedback-orange-50 #ffab00 #f2a70dthis set
--nijmegen-color-feedback-red-40 #d50000 #f42e2ethis set
--nijmegen-color-gray-100 #ebeef1 #1d2328this set
--nijmegen-color-gray-200 #cfd5dd #2e363fthis set
--nijmegen-color-gray-300 #b4bdc9 #404956this set
--nijmegen-color-gray-400 #99a5b6 #505b6cthis set
--nijmegen-color-gray-50 #f5f6f8 #171a20this set
--nijmegen-color-gray-500 #7a8aa0 #637186this set
--nijmegen-color-gray-600 #586c88 #7689a3this set
--nijmegen-color-gray-700 #435979 #8297b5this set
--nijmegen-color-gray-800 #344c6e #8aa2c3this set
--nijmegen-color-gray-900 #223c61 #93aed4this set
--nijmegen-color-gray-950 #001e49 #9ec4fathis set
--nijmegen-color-green-100 #d5f5de #134220this set
--nijmegen-color-green-20 #17564a #9adfd2this set
--nijmegen-color-green-200 #94e6ab #217639this set
--nijmegen-color-green-22 #006f5a #80f8e1this set
--nijmegen-color-green-25 #0e6150 #8fe9d7this set
--nijmegen-color-green-30 #157c68 #7ae2cdthis set
--nijmegen-color-green-300 #4ad571 #32b256this set
--nijmegen-color-green-32 #00a284 #57f6d9this set
--nijmegen-color-green-40 #30a08b #5fc7b4this set
--nijmegen-color-green-400 #20bd4c #45d66ethis set
--nijmegen-color-green-50 #ebfaef #0e3017this set
--nijmegen-color-green-500 #1b9d3f #5fdb82this set
--nijmegen-color-green-600 #157b31 #7be297this set
--nijmegen-color-green-700 #116629 #8be6a5this set
--nijmegen-color-green-800 #0f5723 #98e8aethis set
--nijmegen-color-green-900 #0c451c #a6ebb9this set
--nijmegen-color-green-950 #06250f #c0f1cethis set
--nijmegen-color-grey-10 #212121 #cfcfcfthis set
--nijmegen-color-grey-100 #ffffff #141414this set
--nijmegen-color-grey-15 #212529 #c7ccd1this set
--nijmegen-color-grey-20 #3a3a3a #bababathis set
--nijmegen-color-grey-35 #585858 #a1a1a1this set
--nijmegen-color-grey-40 #6b6b6b #919191this set
--nijmegen-color-grey-50 #7b7b7b #838383this set
--nijmegen-color-grey-70 #ababab #5b5b5bthis set
--nijmegen-color-grey-85 #ced4da #313940this set
--nijmegen-color-grey-85b #dadada #333333this set
--nijmegen-color-grey-95 #efefef #222222this set
--nijmegen-color-light-alpha-100 #ffffff1a #1414141athis set
--nijmegen-color-light-alpha-50 #ffffff0d #1414140dthis set
--nijmegen-color-orange-100 #ffead9 #452104this set
--nijmegen-color-orange-200 #ffcaa1 #723506this set
--nijmegen-color-orange-300 #ffa865 #a24b09this set
--nijmegen-color-orange-400 #ff8120 #d9650bthis set
--nijmegen-color-orange-50 #fff5ed #351903this set
--nijmegen-color-orange-500 #da6c18 #dd792dthis set
--nijmegen-color-orange-600 #a75312 #e49456this set
--nijmegen-color-orange-700 #8b450f #e8a26cthis set
--nijmegen-color-orange-800 #763b0d #eaad7dthis set
--nijmegen-color-orange-900 #5e2f0a #eeb990this set
--nijmegen-color-orange-950 #331906 #f2ceb3this set
--nijmegen-color-pink-100 #fae9f1 #320e1fthis set
--nijmegen-color-pink-200 #f2c9dc #4b162fthis set
--nijmegen-color-pink-300 #eaaac7 #641e3ethis set
--nijmegen-color-pink-400 #e289b1 #7f254ethis set
--nijmegen-color-pink-50 #fcf4f8 #280d1athis set
--nijmegen-color-pink-500 #d85e95 #a22f63this set
--nijmegen-color-pink-600 #c9216c #d53c80this set
--nijmegen-color-pink-700 #ac0f55 #e75194this set
--nijmegen-color-pink-800 #930d49 #e965a1this set
--nijmegen-color-pink-900 #760a3b #ed7db0this set
--nijmegen-color-pink-950 #420621 #f2a6c9this set
--nijmegen-color-red-100 #fee9ea #370508this set
--nijmegen-color-red-20 #580518 #f394aathis set
--nijmegen-color-red-200 #fdc7ca #52070bthis set
--nijmegen-color-red-30 #a80a2d #ec5475this set
--nijmegen-color-red-300 #fba5a9 #6d0b0fthis set
--nijmegen-color-red-400 #fa7f85 #8c0d13this set
--nijmegen-color-red-50 #fff4f4 #300303this set
--nijmegen-color-red-500 #f7464e #b91219this set
--nijmegen-color-red-600 #cd262d #d0393fthis set
--nijmegen-color-red-700 #ab1f25 #d7545athis set
--nijmegen-color-red-800 #95112d #e56480this set
--nijmegen-color-red-900 #770e25 #e97d94this set
--nijmegen-color-red-950 #410c0e #ebaaacthis set
--nijmegen-color-sea-green-100 #d7f3f0 #163f3athis set
--nijmegen-color-sea-green-200 #99e2d8 #267167this set
--nijmegen-color-sea-green-300 #56cfbf #38a899this set
--nijmegen-color-sea-green-400 #09b9a1 #46ecd6this set
--nijmegen-color-sea-green-50 #ebf9f8 #102e2cthis set
--nijmegen-color-sea-green-500 #009a85 #5df6e2this set
--nijmegen-color-sea-green-600 #007869 #78f8e8this set
--nijmegen-color-sea-green-700 #006457 #88f9eathis set
--nijmegen-color-sea-green-800 #00554a #94f9ecthis set
--nijmegen-color-sea-green-900 #00433b #a3faf0this set
--nijmegen-color-sea-green-950 #002520 #bbfbf3this set
--nijmegen-color-violet-100 #f0ebff #100337this set
--nijmegen-color-violet-200 #dbcdff #19044fthis set
--nijmegen-color-violet-300 #c6b0ff #200566this set
--nijmegen-color-violet-400 #b092ff #27077ethis set
--nijmegen-color-violet-50 #f8f5ff #10022fthis set
--nijmegen-color-violet-500 #966eff #30089athis set
--nijmegen-color-violet-600 #743fff #3c0ac0this set
--nijmegen-color-violet-700 #5616ff #460ce1this set
--nijmegen-color-violet-800 #4a13db #5e2ce2this set
--nijmegen-color-violet-900 #3b0faf #794fe7this set
--nijmegen-color-violet-950 #210963 #a68cefthis set
--nijmegen-color-white #ffffff #141414this set
--nijmegen-color-yellow-100 #ffef99 #786606this set
--nijmegen-color-yellow-200 #f9d100 #f3ce12this set
--nijmegen-color-yellow-300 #ddb900 #f4d228this set
--nijmegen-color-yellow-400 #c1a200 #f5d83ethis set
--nijmegen-color-yellow-50 #fff7cf #4d4104this set
--nijmegen-color-yellow-500 #a08700 #f6de59this set
--nijmegen-color-yellow-600 #7d6900 #f8e374this set
--nijmegen-color-yellow-700 #685700 #f9e685this set
--nijmegen-color-yellow-800 #584a00 #f9e992this set
--nijmegen-color-yellow-900 #463b00 #faeca0this set
--nijmegen-color-yellow-950 #251f00 #fbf1bbthis set
--nijmegen-size-2xl160pxthis set
--nijmegen-size-2xs16pxthis set
--nijmegen-size-3xs8pxthis set
--nijmegen-size-4xs4pxthis set
--nijmegen-size-5xs2pxthis set
--nijmegen-size-icon-2xl32pxthis set
--nijmegen-size-icon-3xl40pxthis set
--nijmegen-size-icon-4xl48pxthis set
--nijmegen-size-icon-lg24pxthis set
--nijmegen-size-icon-md24pxthis set
--nijmegen-size-icon-sm20pxthis set
--nijmegen-size-icon-xl24pxthis set
--nijmegen-size-lg64pxthis set
--nijmegen-size-md48pxthis set
--nijmegen-size-sm32pxthis set
--nijmegen-size-xl96pxthis set
--nijmegen-size-xs24pxthis set
--nijmegen-space-block-ant4pxthis set
--nijmegen-space-block-beetle8pxthis set
--nijmegen-space-block-cat32pxthis set
--nijmegen-space-block-dog48pxthis set
--nijmegen-space-block-flea2pxthis set
--nijmegen-space-block-mouse16pxthis set
--nijmegen-space-block-pig64pxthis set
--nijmegen-space-block-rabbit24pxthis set
--nijmegen-space-block-rat20pxthis set
--nijmegen-space-block-snail12pxthis set
--nijmegen-space-column-ant2pxthis set
--nijmegen-space-column-beetle4pxthis set
--nijmegen-space-column-cat24pxthis set
--nijmegen-space-column-dog28pxthis set
--nijmegen-space-column-elephant96pxthis set
--nijmegen-space-column-flea1pxthis set
--nijmegen-space-column-giraffe160pxthis set
--nijmegen-space-column-horse64pxthis set
--nijmegen-space-column-mouse12pxthis set
--nijmegen-space-column-pig32pxthis set
--nijmegen-space-column-rabbit20pxthis set
--nijmegen-space-column-rat16pxthis set
--nijmegen-space-column-snail8pxthis set
--nijmegen-space-column-tiger48pxthis set
--nijmegen-space-inline-ant4pxthis set
--nijmegen-space-inline-beetle8pxthis set
--nijmegen-space-inline-cat28pxthis set
--nijmegen-space-inline-dog32pxthis set
--nijmegen-space-inline-flea2pxthis set
--nijmegen-space-inline-mouse16pxthis set
--nijmegen-space-inline-pig48pxthis set
--nijmegen-space-inline-rabbit24pxthis set
--nijmegen-space-inline-rat20pxthis set
--nijmegen-space-inline-snail12pxthis set
--nijmegen-space-row-ant2pxthis set
--nijmegen-space-row-beetle4pxthis set
--nijmegen-space-row-cat24pxthis set
--nijmegen-space-row-dog28pxthis set
--nijmegen-space-row-elephant96pxthis set
--nijmegen-space-row-flea1pxthis set
--nijmegen-space-row-giraffe160pxthis set
--nijmegen-space-row-horse64pxthis set
--nijmegen-space-row-mouse12pxthis set
--nijmegen-space-row-pig32pxthis set
--nijmegen-space-row-rabbit20pxthis set
--nijmegen-space-row-rat16pxthis set
--nijmegen-space-row-snail8pxthis set
--nijmegen-space-row-tiger48pxthis set
--nijmegen-space-text-ant2pxthis set
--nijmegen-space-text-beetle4pxthis set
--nijmegen-space-text-cat16pxthis set
--nijmegen-space-text-dog24pxthis set
--nijmegen-space-text-flea1pxthis set
--nijmegen-space-text-mouse8pxthis set
--nijmegen-space-text-rabbit14pxthis set
--nijmegen-space-text-rat12pxthis set
--nijmegen-space-text-snail6pxthis set
--nijmegen-typography-font-family-primarySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nijmegen-typography-font-family-secondaryFira Sans, Tahoma, Verdana, sans-serifthis set
--nijmegen-typography-font-size-2xl32pxthis set
--nijmegen-typography-font-size-3xl40pxthis set
--nijmegen-typography-font-size-4xl48pxthis set
--nijmegen-typography-font-size-lg20pxthis set
--nijmegen-typography-font-size-md16pxthis set
--nijmegen-typography-font-size-sm14pxthis set
--nijmegen-typography-font-size-xl24pxthis set
--nijmegen-typography-font-weight-boldBoldthis set
--nijmegen-typography-font-weight-normalRegularthis set
--nijmegen-typography-line-height-lg200%this set
--nijmegen-typography-line-height-md150%this set
--nijmegen-typography-line-height-sm125%this set
--nijmegen-typography-line-height-xs100%this set
--nijmegen-typography-sans-serif-font-family"Source Sans Pro", sans-serifthis set
--nijmegen-typography-serif-font-family"Oranda", serifthis set
--nldesign-border-radius-lg16pxthis set
--nldesign-border-radius-md8pxthis set
--nldesign-border-radius-round999pxthis set
--nldesign-border-radius-sm4pxthis set
--nldesign-border-width-lg4pxthis set
--nldesign-border-width-md2pxthis set
--nldesign-border-width-sm1pxthis set
--nldesign-color-black #000000 #ebebebthis set
--nldesign-color-blue-100 #ddf0fc #092a3fthis set
--nldesign-color-blue-200 #abdbf8 #0e4667this set
--nldesign-color-blue-300 #78c5f4 #136190this set
--nldesign-color-blue-400 #40adef #1a7fbdthis set
--nldesign-color-blue-50 #eef8fe #062232this set
--nldesign-color-blue-500 #008de4 #22a4f3this set
--nldesign-color-blue-600 #006fb3 #49b4f5this set
--nldesign-color-blue-700 #005c94 #62bff7this set
--nldesign-color-blue-800 #004e7e #74c5f8this set
--nldesign-color-blue-900 #003e64 #88cef9this set
--nldesign-color-blue-950 #002237 #acddfbthis set
--nldesign-color-dark-alpha-100 #0000001a #ebebeb1athis set
--nldesign-color-dark-alpha-50 #0000000d #ebebeb0dthis set
--nldesign-color-feedback-blue-60 #40c4ff #0a87bfthis set
--nldesign-color-feedback-green-50 #cddc39 #b3c12cthis set
--nldesign-color-feedback-orange-50 #ffab00 #f2a70dthis set
--nldesign-color-feedback-red-40 #d50000 #f42e2ethis set
--nldesign-color-gray-100 #ebeef1 #1d2328this set
--nldesign-color-gray-200 #cfd5dd #2e363fthis set
--nldesign-color-gray-300 #b4bdc9 #404956this set
--nldesign-color-gray-400 #99a5b6 #505b6cthis set
--nldesign-color-gray-50 #f5f6f8 #171a20this set
--nldesign-color-gray-500 #7a8aa0 #637186this set
--nldesign-color-gray-600 #586c88 #7689a3this set
--nldesign-color-gray-700 #435979 #8297b5this set
--nldesign-color-gray-800 #344c6e #8aa2c3this set
--nldesign-color-gray-900 #223c61 #93aed4this set
--nldesign-color-gray-950 #001e49 #9ec4fathis set
--nldesign-color-green-100 #d5f5de #134220this set
--nldesign-color-green-20 #17564a #9adfd2this set
--nldesign-color-green-200 #94e6ab #217639this set
--nldesign-color-green-22 #006f5a #80f8e1this set
--nldesign-color-green-25 #0e6150 #8fe9d7this set
--nldesign-color-green-30 #157c68 #7ae2cdthis set
--nldesign-color-green-300 #4ad571 #32b256this set
--nldesign-color-green-32 #00a284 #57f6d9this set
--nldesign-color-green-40 #30a08b #5fc7b4this set
--nldesign-color-green-400 #20bd4c #45d66ethis set
--nldesign-color-green-50 #ebfaef #0e3017this set
--nldesign-color-green-500 #1b9d3f #5fdb82this set
--nldesign-color-green-600 #157b31 #7be297this set
--nldesign-color-green-700 #116629 #8be6a5this set
--nldesign-color-green-800 #0f5723 #98e8aethis set
--nldesign-color-green-900 #0c451c #a6ebb9this set
--nldesign-color-green-950 #06250f #c0f1cethis set
--nldesign-color-grey-10 #212121 #cfcfcfthis set
--nldesign-color-grey-100 #ffffff #141414this set
--nldesign-color-grey-15 #212529 #c7ccd1this set
--nldesign-color-grey-20 #3a3a3a #bababathis set
--nldesign-color-grey-35 #585858 #a1a1a1this set
--nldesign-color-grey-40 #6b6b6b #919191this set
--nldesign-color-grey-50 #7b7b7b #838383this set
--nldesign-color-grey-70 #ababab #5b5b5bthis set
--nldesign-color-grey-85 #ced4da #313940this set
--nldesign-color-grey-85b #dadada #333333this set
--nldesign-color-grey-95 #efefef #222222this set
--nldesign-color-light-alpha-100 #ffffff1a #1414141athis set
--nldesign-color-light-alpha-50 #ffffff0d #1414140dthis set
--nldesign-color-orange-100 #ffead9 #452104this set
--nldesign-color-orange-200 #ffcaa1 #723506this set
--nldesign-color-orange-300 #ffa865 #a24b09this set
--nldesign-color-orange-400 #ff8120 #d9650bthis set
--nldesign-color-orange-50 #fff5ed #351903this set
--nldesign-color-orange-500 #da6c18 #dd792dthis set
--nldesign-color-orange-600 #a75312 #e49456this set
--nldesign-color-orange-700 #8b450f #e8a26cthis set
--nldesign-color-orange-800 #763b0d #eaad7dthis set
--nldesign-color-orange-900 #5e2f0a #eeb990this set
--nldesign-color-orange-950 #331906 #f2ceb3this set
--nldesign-color-pink-100 #fae9f1 #320e1fthis set
--nldesign-color-pink-200 #f2c9dc #4b162fthis set
--nldesign-color-pink-300 #eaaac7 #641e3ethis set
--nldesign-color-pink-400 #e289b1 #7f254ethis set
--nldesign-color-pink-50 #fcf4f8 #280d1athis set
--nldesign-color-pink-500 #d85e95 #a22f63this set
--nldesign-color-pink-600 #c9216c #d53c80this set
--nldesign-color-pink-700 #ac0f55 #e75194this set
--nldesign-color-pink-800 #930d49 #e965a1this set
--nldesign-color-pink-900 #760a3b #ed7db0this set
--nldesign-color-pink-950 #420621 #f2a6c9this set
--nldesign-color-red-100 #fee9ea #370508this set
--nldesign-color-red-20 #580518 #f394aathis set
--nldesign-color-red-200 #fdc7ca #52070bthis set
--nldesign-color-red-30 #a80a2d #ec5475this set
--nldesign-color-red-300 #fba5a9 #6d0b0fthis set
--nldesign-color-red-400 #fa7f85 #8c0d13this set
--nldesign-color-red-50 #fff4f4 #300303this set
--nldesign-color-red-500 #f7464e #b91219this set
--nldesign-color-red-600 #cd262d #d0393fthis set
--nldesign-color-red-700 #ab1f25 #d7545athis set
--nldesign-color-red-800 #95112d #e56480this set
--nldesign-color-red-900 #770e25 #e97d94this set
--nldesign-color-red-950 #410c0e #ebaaacthis set
--nldesign-color-sea-green-100 #d7f3f0 #163f3athis set
--nldesign-color-sea-green-200 #99e2d8 #267167this set
--nldesign-color-sea-green-300 #56cfbf #38a899this set
--nldesign-color-sea-green-400 #09b9a1 #46ecd6this set
--nldesign-color-sea-green-50 #ebf9f8 #102e2cthis set
--nldesign-color-sea-green-500 #009a85 #5df6e2this set
--nldesign-color-sea-green-600 #007869 #78f8e8this set
--nldesign-color-sea-green-700 #006457 #88f9eathis set
--nldesign-color-sea-green-800 #00554a #94f9ecthis set
--nldesign-color-sea-green-900 #00433b #a3faf0this set
--nldesign-color-sea-green-950 #002520 #bbfbf3this set
--nldesign-color-violet-100 #f0ebff #100337this set
--nldesign-color-violet-200 #dbcdff #19044fthis set
--nldesign-color-violet-300 #c6b0ff #200566this set
--nldesign-color-violet-400 #b092ff #27077ethis set
--nldesign-color-violet-50 #f8f5ff #10022fthis set
--nldesign-color-violet-500 #966eff #30089athis set
--nldesign-color-violet-600 #743fff #3c0ac0this set
--nldesign-color-violet-700 #5616ff #460ce1this set
--nldesign-color-violet-800 #4a13db #5e2ce2this set
--nldesign-color-violet-900 #3b0faf #794fe7this set
--nldesign-color-violet-950 #210963 #a68cefthis set
--nldesign-color-white #ffffff #141414this set
--nldesign-color-yellow-100 #ffef99 #786606this set
--nldesign-color-yellow-200 #f9d100 #f3ce12this set
--nldesign-color-yellow-300 #ddb900 #f4d228this set
--nldesign-color-yellow-400 #c1a200 #f5d83ethis set
--nldesign-color-yellow-50 #fff7cf #4d4104this set
--nldesign-color-yellow-500 #a08700 #f6de59this set
--nldesign-color-yellow-600 #7d6900 #f8e374this set
--nldesign-color-yellow-700 #685700 #f9e685this set
--nldesign-color-yellow-800 #584a00 #f9e992this set
--nldesign-color-yellow-900 #463b00 #faeca0this set
--nldesign-color-yellow-950 #251f00 #fbf1bbthis set
--nldesign-component-accordion-body-border-colortransparentthis set
--nldesign-component-accordion-body-border-width1pxthis set
--nldesign-component-accordion-body-padding-block-end24pxthis set
--nldesign-component-accordion-body-padding-block-start24pxthis set
--nldesign-component-accordion-body-padding-inline-end16pxthis set
--nldesign-component-accordion-body-padding-inline-start16pxthis set
--nldesign-component-accordion-border-radius0pxthis set
--nldesign-component-accordion-button-active-background-color #cfd5dd #2e363fthis set
--nldesign-component-accordion-button-active-border-colortransparentthis set
--nldesign-component-accordion-button-active-color #3b0faf #7c50f0this set
--nldesign-component-accordion-button-background-color #f5f6f8 #171a20this set
--nldesign-component-accordion-button-border-colortransparentthis set
--nldesign-component-accordion-button-border-width1pxthis set
--nldesign-component-accordion-button-color #5616ff #723dffthis set
--nldesign-component-accordion-button-expanded-background-color #f5f6f8 #171a20this set
--nldesign-component-accordion-button-expanded-border-colortransparentthis set
--nldesign-component-accordion-button-expanded-color #5616ff #723dffthis set
--nldesign-component-accordion-button-focus-background-color #dbcdff #19044fthis set
--nldesign-component-accordion-button-focus-border-colortransparentthis set
--nldesign-component-accordion-button-focus-color #000000 #ebebebthis set
--nldesign-component-accordion-button-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-accordion-button-font-size16pxthis set
--nldesign-component-accordion-button-font-weightBoldthis set
--nldesign-component-accordion-button-hover-background-color #ebeef1 #1d2328this set
--nldesign-component-accordion-button-hover-border-colortransparentthis set
--nldesign-component-accordion-button-hover-color #4a13db #794df0this set
--nldesign-component-accordion-button-icon-margin-inline8pxthis set
--nldesign-component-accordion-button-icon-size24pxthis set
--nldesign-component-accordion-button-line-height150%this set
--nldesign-component-accordion-button-padding-block-end12pxthis set
--nldesign-component-accordion-button-padding-block-start12pxthis set
--nldesign-component-accordion-button-padding-inline-end16pxthis set
--nldesign-component-accordion-button-padding-inline-start16pxthis set
--nldesign-component-accordion-section-border-block-end-width1pxthis set
--nldesign-component-accordion-section-border-color #cfd5dd #2e363fthis set
--nldesign-component-accordion-section-border-widthautothis set
--nldesign-component-alert-border-width2pxthis set
--nldesign-component-alert-column-gap8pxthis set
--nldesign-component-alert-heading-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-alert-heading-font-size24pxthis set
--nldesign-component-alert-heading-font-weightBoldthis set
--nldesign-component-alert-heading-line-height125%this set
--nldesign-component-alert-icon-informative-color #006fb3 #4cbbffthis set
--nldesign-component-alert-icon-negative-color #cd262d #e15c61this set
--nldesign-component-alert-icon-padding-block-end12pxthis set
--nldesign-component-alert-icon-padding-block-start12pxthis set
--nldesign-component-alert-icon-padding-inline-end0pxthis set
--nldesign-component-alert-icon-padding-inline-start4pxthis set
--nldesign-component-alert-icon-positive-color #157b31 #84eaa0this set
--nldesign-component-alert-icon-size24pxthis set
--nldesign-component-alert-icon-warning-color #7d6900 #ffeb82this set
--nldesign-component-alert-informative-background-color #ddf0fc #092a3fthis set
--nldesign-component-alert-informative-border-color #006fb3 #49b4f5this set
--nldesign-component-alert-informative-color #223c61 #9eb8ddthis set
--nldesign-component-alert-message-padding-block-end12pxthis set
--nldesign-component-alert-message-padding-block-start8pxthis set
--nldesign-component-alert-message-row-gap8pxthis set
--nldesign-component-alert-negative-background-color #fee9ea #370508this set
--nldesign-component-alert-negative-border-color #cd262d #d0393fthis set
--nldesign-component-alert-negative-color #223c61 #9eb8ddthis set
--nldesign-component-alert-padding-block-end12pxthis set
--nldesign-component-alert-padding-block-start12pxthis set
--nldesign-component-alert-padding-inline-end12pxthis set
--nldesign-component-alert-padding-inline-start12pxthis set
--nldesign-component-alert-positive-background-color #d5f5de #134220this set
--nldesign-component-alert-positive-border-color #157b31 #7be297this set
--nldesign-component-alert-positive-color #223c61 #9eb8ddthis set
--nldesign-component-alert-warning-background-color #ffef99 #786606this set
--nldesign-component-alert-warning-border-color #7d6900 #f8e374this set
--nldesign-component-alert-warning-color #223c61 #9eb8ddthis set
--nldesign-component-blockquote-attribution-color #586c88 #899bb3this set
--nldesign-component-blockquote-attribution-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-blockquote-attribution-font-size14pxthis set
--nldesign-component-blockquote-attribution-font-weightRegularthis set
--nldesign-component-blockquote-attribution-line-height150%this set
--nldesign-component-blockquote-attribution-padding-block-start12pxthis set
--nldesign-component-blockquote-background-colortransparentthis set
--nldesign-component-blockquote-content-color #223c61 #9eb8ddthis set
--nldesign-component-blockquote-content-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-blockquote-content-font-size24pxthis set
--nldesign-component-blockquote-content-font-weightRegularthis set
--nldesign-component-blockquote-content-line-height125%this set
--nldesign-component-blockquote-padding-block-end12pxthis set
--nldesign-component-blockquote-padding-block-start12pxthis set
--nldesign-component-blockquote-padding-inline-end0pxthis set
--nldesign-component-blockquote-padding-inline-start0pxthis set
--nldesign-component-breadcrumb-divider-color #586c88 #7689a3this set
--nldesign-component-breadcrumb-divider-size16pxthis set
--nldesign-component-breadcrumb-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-breadcrumb-font-size16pxthis set
--nldesign-component-breadcrumb-font-weightRegularthis set
--nldesign-component-breadcrumb-line-height150%this set
--nldesign-component-breadcrumb-link-active-color #3b0faf #7c50f0this set
--nldesign-component-breadcrumb-link-active-text-decorationnonethis set
--nldesign-component-breadcrumb-link-color #5616ff #723dffthis set
--nldesign-component-breadcrumb-link-current-color #586c88 #899bb3this set
--nldesign-component-breadcrumb-link-focus-background-color #dbcdff #19044fthis set
--nldesign-component-breadcrumb-link-focus-color #000000 #ebebebthis set
--nldesign-component-breadcrumb-link-focus-text-decorationnonethis set
--nldesign-component-breadcrumb-link-hover-color #4a13db #794df0this set
--nldesign-component-breadcrumb-link-hover-text-decorationnonethis set
--nldesign-component-breadcrumb-link-icon-margin-inline8pxthis set
--nldesign-component-breadcrumb-link-icon-size24pxthis set
--nldesign-component-breadcrumb-link-padding-block-end12pxthis set
--nldesign-component-breadcrumb-link-padding-block-start12pxthis set
--nldesign-component-breadcrumb-link-padding-inline-end0pxthis set
--nldesign-component-breadcrumb-link-padding-inline-start0pxthis set
--nldesign-component-breadcrumb-link-text-decorationunderlinethis set
--nldesign-component-breadcrumb-margin-inline8pxthis set
--nldesign-component-button-active-border-color #3b0faf #794fe7this set
--nldesign-component-button-focus-background-color #dbcdff #19044fthis set
--nldesign-component-button-focus-color #000000 #ebebebthis set
--nldesign-component-button-icon-margin-inline8pxthis set
--nldesign-component-button-icon-size24pxthis set
--nldesign-component-button-line-height150%this set
--nldesign-component-button-margin-block-end0.5remthis set
--nldesign-component-button-min-block-size48pxthis set
--nldesign-component-button-min-inline-size48pxthis set
--nldesign-component-button-padding-block-end12pxthis set
--nldesign-component-button-padding-block-start12pxthis set
--nldesign-component-button-padding-inline-end16pxthis set
--nldesign-component-button-padding-inline-start16pxthis set
--nldesign-component-button-primary-action-active-background-color #3b0faf #794fe7this set
--nldesign-component-button-primary-action-active-border-colortransparentthis set
--nldesign-component-button-primary-action-active-color #ffffff #9e9e9ethis set
--nldesign-component-button-primary-action-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-button-primary-action-disabled-border-colortransparentthis set
--nldesign-component-button-primary-action-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-button-primary-action-focus-background-color #dbcdff #19044fthis set
--nldesign-component-button-primary-action-focus-border-colortransparentthis set
--nldesign-component-button-primary-action-focus-color #000000 #ebebebthis set
--nldesign-component-button-primary-action-font-weightBoldthis set
--nldesign-component-button-primary-action-hover-border-colortransparentthis set
--nldesign-component-button-secondary-action-active-background-color #ebeef1 #1d2328this set
--nldesign-component-button-secondary-action-active-border-color #3b0faf #794fe7this set
--nldesign-component-button-secondary-action-active-color #3b0faf #7c50f0this set
--nldesign-component-button-secondary-action-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-button-secondary-action-disabled-border-colortransparentthis set
--nldesign-component-button-secondary-action-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-button-secondary-action-focus-background-color #dbcdff #19044fthis set
--nldesign-component-button-secondary-action-focus-border-colortransparentthis set
--nldesign-component-button-secondary-action-focus-color #000000 #ebebebthis set
--nldesign-component-button-secondary-action-font-weightBoldthis set
--nldesign-component-button-secondary-action-hover-border-color #4a13db #5e2ce2this set
--nldesign-component-button-secondary-action-hover-color #4a13db #794df0this set
--nldesign-component-button-subtle-active-background-color #0000001a #ebebeb1athis set
--nldesign-component-button-subtle-active-border-colortransparentthis set
--nldesign-component-button-subtle-active-color #3b0faf #7c50f0this set
--nldesign-component-button-subtle-background-colortransparentthis set
--nldesign-component-button-subtle-border-colortransparentthis set
--nldesign-component-button-subtle-color #5616ff #723dffthis set
--nldesign-component-button-subtle-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-button-subtle-disabled-border-colortransparentthis set
--nldesign-component-button-subtle-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-button-subtle-focus-background-color #dbcdff #19044fthis set
--nldesign-component-button-subtle-focus-border-colortransparentthis set
--nldesign-component-button-subtle-focus-color #000000 #ebebebthis set
--nldesign-component-button-subtle-font-weightBoldthis set
--nldesign-component-button-subtle-hover-background-color #0000000d #ebebeb0dthis set
--nldesign-component-button-subtle-hover-border-colortransparentthis set
--nldesign-component-button-subtle-hover-color #4a13db #794df0this set
--nldesign-component-button-text-transformuppercasethis set
--nldesign-component-checkbox-active-background-color #ebeef1 #1d2328this set
--nldesign-component-checkbox-active-border-color #7a8aa0 #637186this set
--nldesign-component-checkbox-active-border-width2pxthis set
--nldesign-component-checkbox-background-color #ffffff #141414this set
--nldesign-component-checkbox-border-color #7a8aa0 #637186this set
--nldesign-component-checkbox-border-radius0pxthis set
--nldesign-component-checkbox-border-width1pxthis set
--nldesign-component-checkbox-checked-active-background-color #3b0faf #794fe7this set
--nldesign-component-checkbox-checked-active-border-colortransparentthis set
--nldesign-component-checkbox-checked-active-border-width2pxthis set
--nldesign-component-checkbox-checked-active-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-checked-background-color #5616ff #460ce1this set
--nldesign-component-checkbox-checked-border-colortransparentthis set
--nldesign-component-checkbox-checked-border-width1pxthis set
--nldesign-component-checkbox-checked-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-checked-disabled-background-color #7a8aa0 #637186this set
--nldesign-component-checkbox-checked-disabled-border-colortransparentthis set
--nldesign-component-checkbox-checked-disabled-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-checked-focus-background-color #ffffff #141414this set
--nldesign-component-checkbox-checked-focus-border-color #000000 #ebebebthis set
--nldesign-component-checkbox-checked-focus-border-width2pxthis set
--nldesign-component-checkbox-checked-focus-color #000000 #ebebebthis set
--nldesign-component-checkbox-checked-hover-background-color #4a13db #5e2ce2this set
--nldesign-component-checkbox-checked-hover-border-colortransparentthis set
--nldesign-component-checkbox-checked-hover-border-width2pxthis set
--nldesign-component-checkbox-checked-hover-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-checkbox-disabled-border-color #7a8aa0 #637186this set
--nldesign-component-checkbox-focus-background-color #ffffff #141414this set
--nldesign-component-checkbox-focus-border-color #000000 #ebebebthis set
--nldesign-component-checkbox-focus-border-width2pxthis set
--nldesign-component-checkbox-group-padding-block-end8pxthis set
--nldesign-component-checkbox-group-padding-block-start8pxthis set
--nldesign-component-checkbox-group-row-gap16pxthis set
--nldesign-component-checkbox-hover-background-color #f5f6f8 #171a20this set
--nldesign-component-checkbox-hover-border-color #7a8aa0 #637186this set
--nldesign-component-checkbox-hover-border-width2pxthis set
--nldesign-component-checkbox-icon-size24pxthis set
--nldesign-component-checkbox-indeterminate-active-background-color #3b0faf #794fe7this set
--nldesign-component-checkbox-indeterminate-active-border-colortransparentthis set
--nldesign-component-checkbox-indeterminate-active-border-width2pxthis set
--nldesign-component-checkbox-indeterminate-active-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-indeterminate-background-color #5616ff #460ce1this set
--nldesign-component-checkbox-indeterminate-border-colortransparentthis set
--nldesign-component-checkbox-indeterminate-border-width1pxthis set
--nldesign-component-checkbox-indeterminate-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-indeterminate-disabled-background-color #7a8aa0 #637186this set
--nldesign-component-checkbox-indeterminate-disabled-border-colortransparentthis set
--nldesign-component-checkbox-indeterminate-disabled-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-indeterminate-focus-background-color #ffffff #141414this set
--nldesign-component-checkbox-indeterminate-focus-border-color #000000 #ebebebthis set
--nldesign-component-checkbox-indeterminate-focus-border-width2pxthis set
--nldesign-component-checkbox-indeterminate-focus-color #000000 #ebebebthis set
--nldesign-component-checkbox-indeterminate-hover-background-color #4a13db #5e2ce2this set
--nldesign-component-checkbox-indeterminate-hover-border-colortransparentthis set
--nldesign-component-checkbox-indeterminate-hover-border-width2pxthis set
--nldesign-component-checkbox-indeterminate-hover-color #ffffff #9e9e9ethis set
--nldesign-component-checkbox-invalid-background-color #ffffff #141414this set
--nldesign-component-checkbox-invalid-border-color #cd262d #d0393fthis set
--nldesign-component-checkbox-invalid-border-width2pxthis set
--nldesign-component-checkbox-size24pxthis set
--nldesign-component-data-list-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-data-list-font-size16pxthis set
--nldesign-component-data-list-item-action-padding-block-end12pxthis set
--nldesign-component-data-list-item-action-padding-block-start12pxthis set
--nldesign-component-data-list-item-action-padding-inline-end12pxthis set
--nldesign-component-data-list-item-action-padding-inline-start12pxthis set
--nldesign-component-data-list-item-action-row-padding-block-end12pxthis set
--nldesign-component-data-list-item-action-row-padding-block-start12pxthis set
--nldesign-component-data-list-item-action-row-padding-inline-end12pxthis set
--nldesign-component-data-list-item-action-row-padding-inline-start12pxthis set
--nldesign-component-data-list-item-border-color #cfd5dd #2e363fthis set
--nldesign-component-data-list-item-border-width1pxthis set
--nldesign-component-data-list-item-color #223c61 #9eb8ddthis set
--nldesign-component-data-list-item-key-font-weightBoldthis set
--nldesign-component-data-list-item-key-padding-block-end4pxthis set
--nldesign-component-data-list-item-key-padding-block-start12pxthis set
--nldesign-component-data-list-item-key-padding-inline-end12pxthis set
--nldesign-component-data-list-item-key-padding-inline-start12pxthis set
--nldesign-component-data-list-item-key-row-padding-block-end12pxthis set
--nldesign-component-data-list-item-key-row-padding-block-start12pxthis set
--nldesign-component-data-list-item-key-row-padding-inline-end12pxthis set
--nldesign-component-data-list-item-key-row-padding-inline-start12pxthis set
--nldesign-component-data-list-item-value-font-weightRegularthis set
--nldesign-component-data-list-item-value-padding-block-end12pxthis set
--nldesign-component-data-list-item-value-padding-block-start4pxthis set
--nldesign-component-data-list-item-value-padding-inline-end12pxthis set
--nldesign-component-data-list-item-value-padding-inline-start12pxthis set
--nldesign-component-data-list-item-value-row-padding-block-end12pxthis set
--nldesign-component-data-list-item-value-row-padding-block-start12pxthis set
--nldesign-component-data-list-item-value-row-padding-inline-end12pxthis set
--nldesign-component-data-list-item-value-row-padding-inline-start12pxthis set
--nldesign-component-data-list-line-height150%this set
--nldesign-component-document-background-color #ffffff #141414this set
--nldesign-component-document-color #223c61 #9eb8ddthis set
--nldesign-component-document-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-document-font-size16pxthis set
--nldesign-component-document-font-weightRegularthis set
--nldesign-component-document-inverse-background-color #001e49 #9ec4fathis set
--nldesign-component-document-inverse-color #ffffff #9e9e9ethis set
--nldesign-component-document-line-height150%this set
--nldesign-component-document-strong-font-weightBoldthis set
--nldesign-component-document-subtle-color #586c88 #899bb3this set
--nldesign-component-form-field-checkbox-option-column-gap8pxthis set
--nldesign-component-form-field-description-color #586c88 #899bb3this set
--nldesign-component-form-field-description-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-form-field-description-font-size16pxthis set
--nldesign-component-form-field-description-font-weightRegularthis set
--nldesign-component-form-field-description-line-height150%this set
--nldesign-component-form-field-error-message-color #cd262d #e15c61this set
--nldesign-component-form-field-error-message-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-form-field-error-message-font-size16pxthis set
--nldesign-component-form-field-error-message-font-weightRegularthis set
--nldesign-component-form-field-error-message-icon-margin-inline-end8pxthis set
--nldesign-component-form-field-error-message-icon-size24pxthis set
--nldesign-component-form-field-error-message-line-height150%this set
--nldesign-component-form-field-invalid-border-inline-start-color #cd262d #d0393fthis set
--nldesign-component-form-field-invalid-border-inline-start-width2pxthis set
--nldesign-component-form-field-invalid-padding-inline-start16pxthis set
--nldesign-component-form-field-label-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-form-field-label-font-size16pxthis set
--nldesign-component-form-field-label-line-height150%this set
--nldesign-component-form-field-margin-block-end1.5remthis set
--nldesign-component-form-field-margin-block-start1.5remthis set
--nldesign-component-form-field-option-label-color #001e49 #b6d4ffthis set
--nldesign-component-form-field-option-label-disabled-color #586c88 #899bb3this set
--nldesign-component-form-field-option-label-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-form-field-option-label-font-size16pxthis set
--nldesign-component-form-field-option-label-font-weightRegularthis set
--nldesign-component-form-field-option-label-line-height150%this set
--nldesign-component-form-field-radio-option-column-gap8pxthis set
--nldesign-component-form-input-background-colortransparentthis set
--nldesign-component-form-input-border-width0this set
--nldesign-component-form-input-font-size16pxthis set
--nldesign-component-form-input-font-weight600this set
--nldesign-component-form-input-padding-block-end.3remthis set
--nldesign-component-form-input-padding-block-start.55remthis set
--nldesign-component-form-input-padding-inline-end0this set
--nldesign-component-form-input-padding-inline-start0this set
--nldesign-component-heading-1-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-1-margin-block-end0.5remthis set
--nldesign-component-heading-2-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-2-margin-block-end0.5remthis set
--nldesign-component-heading-3-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-3-margin-block-end0.5remthis set
--nldesign-component-heading-4-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-4-margin-block-end0.5remthis set
--nldesign-component-heading-5-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-6-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-heading-6-margin-block-end0.5remthis set
--nldesign-component-icon-functional-size24pxthis set
--nldesign-component-icon-only-button-padding-block-end12pxthis set
--nldesign-component-icon-only-button-padding-block-start12pxthis set
--nldesign-component-icon-only-button-padding-inline-end12pxthis set
--nldesign-component-icon-only-button-padding-inline-start12pxthis set
--nldesign-component-icon-toptask-size48pxthis set
--nldesign-component-link-active-color #3b0faf #7c50f0this set
--nldesign-component-link-active-text-decorationnonethis set
--nldesign-component-link-focus-background-color #dbcdff #19044fthis set
--nldesign-component-link-focus-color #000000 #ebebebthis set
--nldesign-component-link-focus-text-decorationnonethis set
--nldesign-component-link-focus-text-decoration-thicknessautothis set
--nldesign-component-link-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-link-font-size16pxthis set
--nldesign-component-link-hover-text-decorationnonethis set
--nldesign-component-link-hover-text-decoration-thicknessautothis set
--nldesign-component-link-icon-margin-inline4pxthis set
--nldesign-component-link-icon-size24pxthis set
--nldesign-component-link-line-height150%this set
--nldesign-component-link-text-decoration-color #5616ff #723dffthis set
--nldesign-component-link-text-decoration-thicknessautothis set
--nldesign-component-link-text-underline-offsetautothis set
--nldesign-component-ordered-list-font-familiyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-ordered-list-font-weightRegularthis set
--nldesign-component-ordered-list-item-margin-block-end4pxthis set
--nldesign-component-ordered-list-item-margin-block-start4pxthis set
--nldesign-component-ordered-list-margin-block-end2remthis set
--nldesign-component-ordered-list-marker-content●this set
--nldesign-component-ordered-list-padding-inline-start24pxthis set
--nldesign-component-page-footer-padding-block-start60pxthis set
--nldesign-component-paragraph-lead-color #223c61 #9eb8ddthis set
--nldesign-component-paragraph-lead-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-paragraph-lead-font-size20pxthis set
--nldesign-component-paragraph-lead-font-weightRegularthis set
--nldesign-component-paragraph-lead-line-height150%this set
--nldesign-component-paragraph-lead-margin-block-end3remthis set
--nldesign-component-paragraph-margin-block-end2remthis set
--nldesign-component-paragraph-margin-block-start0this set
--nldesign-component-paragraph-small-print-color #223c61 #9eb8ddthis set
--nldesign-component-paragraph-small-print-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-paragraph-small-print-font-size14pxthis set
--nldesign-component-paragraph-small-print-font-weightRegularthis set
--nldesign-component-paragraph-small-print-line-height150%this set
--nldesign-component-select-background-color #ffffff #141414this set
--nldesign-component-select-border-block-end-width1pxthis set
--nldesign-component-select-border-bottom-widthautothis set
--nldesign-component-select-border-color #7a8aa0 #637186this set
--nldesign-component-select-border-radius0pxthis set
--nldesign-component-select-border-width1pxthis set
--nldesign-component-select-color #001e49 #b6d4ffthis set
--nldesign-component-select-disabled-background-color #f5f6f8 #171a20this set
--nldesign-component-select-disabled-border-color #7a8aa0 #637186this set
--nldesign-component-select-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-select-focus-background-color #ffffff #141414this set
--nldesign-component-select-focus-border-color #000000 #ebebebthis set
--nldesign-component-select-focus-border-width2pxthis set
--nldesign-component-select-focus-color #000000 #ebebebthis set
--nldesign-component-select-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-select-font-size16pxthis set
--nldesign-component-select-font-weightRegularthis set
--nldesign-component-select-hover-background-color #f5f6f8 #171a20this set
--nldesign-component-select-hover-border-color #7a8aa0 #637186this set
--nldesign-component-select-hover-border-width2pxthis set
--nldesign-component-select-hover-color #001e49 #b6d4ffthis set
--nldesign-component-select-icon-size24pxthis set
--nldesign-component-select-invalid-background-color #ffffff #141414this set
--nldesign-component-select-invalid-border-color #cd262d #d0393fthis set
--nldesign-component-select-invalid-border-width2pxthis set
--nldesign-component-select-invalid-color #001e49 #b6d4ffthis set
--nldesign-component-select-line-height150%this set
--nldesign-component-select-max-inline-size400pxthis set
--nldesign-component-select-padding-block-end12pxthis set
--nldesign-component-select-padding-block-start12pxthis set
--nldesign-component-select-padding-inline-end12pxthis set
--nldesign-component-select-padding-inline-start12pxthis set
--nldesign-component-separator-block-size4pxthis set
--nldesign-component-separator-color #cfd5dd #2e363fthis set
--nldesign-component-separator-padding-block-end12pxthis set
--nldesign-component-separator-padding-block-start12pxthis set
--nldesign-component-status-badge-background-color #f0ebff #100337this set
--nldesign-component-status-badge-border-colortransparentthis set
--nldesign-component-status-badge-border-radius4pxthis set
--nldesign-component-status-badge-border-width1pxthis set
--nldesign-component-status-badge-color #223c61 #9eb8ddthis set
--nldesign-component-status-badge-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-status-badge-font-size14pxthis set
--nldesign-component-status-badge-font-weightBoldthis set
--nldesign-component-status-badge-informative-background-color #ddf0fc #092a3fthis set
--nldesign-component-status-badge-informative-border-colortransparentthis set
--nldesign-component-status-badge-informative-color #006fb3 #4cbbffthis set
--nldesign-component-status-badge-line-height150%this set
--nldesign-component-status-badge-negative-background-color #fee9ea #370508this set
--nldesign-component-status-badge-negative-border-colortransparentthis set
--nldesign-component-status-badge-negative-color #cd262d #e15c61this set
--nldesign-component-status-badge-padding-block2pxthis set
--nldesign-component-status-badge-padding-inline4pxthis set
--nldesign-component-status-badge-positive-background-color #d5f5de #134220this set
--nldesign-component-status-badge-positive-border-colortransparentthis set
--nldesign-component-status-badge-positive-color #157b31 #84eaa0this set
--nldesign-component-status-badge-warning-background-color #ffef99 #786606this set
--nldesign-component-status-badge-warning-border-colortransparentthis set
--nldesign-component-status-badge-warning-color #7d6900 #ffeb82this set
--nldesign-component-table-caption-color #223c61 #9eb8ddthis set
--nldesign-component-table-caption-font-familySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-component-table-caption-font-size24pxthis set
--nldesign-component-table-caption-font-weightBoldthis set
--nldesign-component-table-caption-line-height125%this set
--nldesign-component-table-caption-margin-block-end24pxthis set
--nldesign-component-table-cell-padding-block-end12pxthis set
--nldesign-component-table-cell-padding-block-start12pxthis set
--nldesign-component-table-cell-padding-inline-end12pxthis set
--nldesign-component-table-cell-padding-inline-start12pxthis set
--nldesign-component-table-data-cell-color #223c61 #9eb8ddthis set
--nldesign-component-table-data-cell-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-table-data-cell-font-size16pxthis set
--nldesign-component-table-data-cell-font-weightRegularthis set
--nldesign-component-table-data-cell-line-height150%this set
--nldesign-component-table-footer-background-colortransparentthis set
--nldesign-component-table-footer-border-block-end-color #cfd5dd #2e363fthis set
--nldesign-component-table-footer-border-block-end-width1pxthis set
--nldesign-component-table-footer-cell-color #223c61 #9eb8ddthis set
--nldesign-component-table-footer-cell-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-table-footer-cell-font-size16pxthis set
--nldesign-component-table-footer-cell-font-weightBoldthis set
--nldesign-component-table-footer-cell-line-height150%this set
--nldesign-component-table-header-border-block-end-color #cfd5dd #2e363fthis set
--nldesign-component-table-header-border-block-end-width2pxthis set
--nldesign-component-table-header-cell-color #223c61 #9eb8ddthis set
--nldesign-component-table-header-cell-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-table-header-cell-font-size16pxthis set
--nldesign-component-table-header-cell-font-weightBoldthis set
--nldesign-component-table-header-cell-line-height150%this set
--nldesign-component-table-row-background-colortransparentthis set
--nldesign-component-table-row-border-block-end-color #cfd5dd #2e363fthis set
--nldesign-component-table-row-border-block-end-width1pxthis set
--nldesign-component-textarea-background-color #ffffff #9e9e9ethis set
--nldesign-component-textarea-border-bottom-widthautothis set
--nldesign-component-textarea-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textarea-border-radius0pxthis set
--nldesign-component-textarea-border-width1pxthis set
--nldesign-component-textarea-color #001e49 #b6d4ffthis set
--nldesign-component-textarea-disabled-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textarea-disabled-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textarea-disabled-color #7a8aa0 #8e9caethis set
--nldesign-component-textarea-focus-background-color #ffffff #9e9e9ethis set
--nldesign-component-textarea-focus-border-color #000000 #ebebebthis set
--nldesign-component-textarea-focus-border-width2pxthis set
--nldesign-component-textarea-focus-color #000000 #ebebebthis set
--nldesign-component-textarea-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-textarea-font-size16pxthis set
--nldesign-component-textarea-font-weightRegularthis set
--nldesign-component-textarea-hover-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textarea-hover-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textarea-hover-border-width2pxthis set
--nldesign-component-textarea-hover-color #001e49 #b6d4ffthis set
--nldesign-component-textarea-invalid-background-color #ffffff #9e9e9ethis set
--nldesign-component-textarea-invalid-border-color #cd262d #e15c61this set
--nldesign-component-textarea-invalid-border-width2pxthis set
--nldesign-component-textarea-invalid-color #001e49 #b6d4ffthis set
--nldesign-component-textarea-line-height150%this set
--nldesign-component-textarea-max-inline-size400pxthis set
--nldesign-component-textarea-padding-block-end12pxthis set
--nldesign-component-textarea-padding-block-start12pxthis set
--nldesign-component-textarea-padding-inline-end12pxthis set
--nldesign-component-textarea-padding-inline-start12pxthis set
--nldesign-component-textarea-placeholder-color #7a8aa0 #8e9caethis set
--nldesign-component-textarea-read-only-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textarea-read-only-border-colortransparentthis set
--nldesign-component-textarea-read-only-color #001e49 #b6d4ffthis set
--nldesign-component-textbox-border-block-end-widthautothis set
--nldesign-component-textbox-border-bottom-width1pxthis set
--nldesign-component-textbox-disabled-border-color #7a8aa0 #8e9caethis set
--nldesign-component-textbox-focus-background-color #ffffff #9e9e9ethis set
--nldesign-component-textbox-focus-border-width2pxthis set
--nldesign-component-textbox-focus-color #000000 #ebebebthis set
--nldesign-component-textbox-font-weightRegularthis set
--nldesign-component-textbox-hover-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textbox-hover-border-width2pxthis set
--nldesign-component-textbox-hover-color #001e49 #b6d4ffthis set
--nldesign-component-textbox-invalid-background-color #ffffff #9e9e9ethis set
--nldesign-component-textbox-invalid-border-width2pxthis set
--nldesign-component-textbox-invalid-color #001e49 #b6d4ffthis set
--nldesign-component-textbox-line-height150%this set
--nldesign-component-textbox-max-inline-size400pxthis set
--nldesign-component-textbox-padding-block-end12pxthis set
--nldesign-component-textbox-padding-block-start12pxthis set
--nldesign-component-textbox-padding-inline-end12pxthis set
--nldesign-component-textbox-padding-inline-start12pxthis set
--nldesign-component-textbox-placeholder-color #7a8aa0 #8e9caethis set
--nldesign-component-textbox-read-only-background-color #f5f6f8 #8d98afthis set
--nldesign-component-textbox-read-only-border-colortransparentthis set
--nldesign-component-textbox-read-only-color #001e49 #b6d4ffthis set
--nldesign-component-unordered-list-font-familiyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-component-unordered-list-font-weightRegularthis set
--nldesign-component-unordered-list-item-margin-block-end4pxthis set
--nldesign-component-unordered-list-item-margin-block-start4pxthis set
--nldesign-component-unordered-list-marker-border-color #223c61 #93aed4this set
--nldesign-component-unordered-list-marker-color #223c61 #93aed4this set
--nldesign-component-unordered-list-padding-inline-start24pxthis set
--nldesign-container-border-color #cfd5dd #2e363fthis set
--nldesign-container-border-width1pxthis set
--nldesign-counter-badge-background-color #f0ebff #100337this set
--nldesign-counter-badge-border-colortransparentthis set
--nldesign-counter-badge-border-radius999pxthis set
--nldesign-counter-badge-border-width1pxthis set
--nldesign-counter-badge-color #223c61 #9eb8ddthis set
--nldesign-counter-badge-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-counter-badge-font-size14pxthis set
--nldesign-counter-badge-font-weightBoldthis set
--nldesign-counter-badge-line-height150%this set
--nldesign-counter-badge-min-block-size24pxthis set
--nldesign-counter-badge-min-inline-size24pxthis set
--nldesign-counter-badge-padding-block4pxthis set
--nldesign-counter-badge-padding-inline4pxthis set
--nldesign-emphasis-strong-font-weight500this set
--nldesign-feedback-informative-background-color #ddf0fc #092a3fthis set
--nldesign-feedback-informative-border-color #006fb3 #49b4f5this set
--nldesign-feedback-informative-color #006fb3 #4cbbffthis set
--nldesign-feedback-negative-background-color #fee9ea #370508this set
--nldesign-feedback-negative-border-color #cd262d #d0393fthis set
--nldesign-feedback-negative-color #cd262d #e15c61this set
--nldesign-feedback-positive-background-color #d5f5de #134220this set
--nldesign-feedback-positive-border-color #157b31 #7be297this set
--nldesign-feedback-positive-color #157b31 #84eaa0this set
--nldesign-feedback-warning-background-color #ffef99 #786606this set
--nldesign-feedback-warning-border-color #7d6900 #f8e374this set
--nldesign-feedback-warning-color #7d6900 #ffeb82this set
--nldesign-focus-background-color #dbcdff #19044fthis set
--nldesign-focus-color #000000 #ebebebthis set
--nldesign-focus-inverse-outline-color #ffffff #141414this set
--nldesign-focus-outline-color #5616ff #460ce1this set
--nldesign-focus-outline-styledottedthis set
--nldesign-focus-outline-width2pxthis set
--nldesign-form-control-accent-color #5616ff #460ce1this set
--nldesign-form-control-active-accent-color #3b0faf #794fe7this set
--nldesign-form-control-active-background-color #ebeef1 #1d2328this set
--nldesign-form-control-active-border-color #7a8aa0 #637186this set
--nldesign-form-control-active-border-width2pxthis set
--nldesign-form-control-active-color #001e49 #b6d4ffthis set
--nldesign-form-control-background-color #ffffff #141414this set
--nldesign-form-control-border-color #7a8aa0 #637186this set
--nldesign-form-control-border-width1pxthis set
--nldesign-form-control-color #001e49 #b6d4ffthis set
--nldesign-form-control-disabled-accent-color #7a8aa0 #637186this set
--nldesign-form-control-disabled-background-color #f5f6f8 #171a20this set
--nldesign-form-control-disabled-border-color #7a8aa0 #637186this set
--nldesign-form-control-disabled-color #7a8aa0 #8e9caethis set
--nldesign-form-control-focus-background-color #ffffff #141414this set
--nldesign-form-control-focus-border-color #000000 #ebebebthis set
--nldesign-form-control-focus-border-width2pxthis set
--nldesign-form-control-focus-color #000000 #ebebebthis set
--nldesign-form-control-hover-accent-color #4a13db #5e2ce2this set
--nldesign-form-control-hover-background-color #f5f6f8 #171a20this set
--nldesign-form-control-hover-border-color #7a8aa0 #637186this set
--nldesign-form-control-hover-border-width2pxthis set
--nldesign-form-control-hover-color #001e49 #b6d4ffthis set
--nldesign-form-control-invalid-background-color #ffffff #141414this set
--nldesign-form-control-invalid-border-color #cd262d #d0393fthis set
--nldesign-form-control-invalid-border-width2pxthis set
--nldesign-form-control-invalid-color #cd262d #e15c61this set
--nldesign-form-control-placeholder-color #7a8aa0 #8e9caethis set
--nldesign-form-control-read-only-background-color #f5f6f8 #171a20this set
--nldesign-form-control-read-only-border-colortransparentthis set
--nldesign-form-control-read-only-color #001e49 #b6d4ffthis set
--nldesign-form-label-font-weight600this set
--nldesign-interaction-active-color #3b0faf #7c50f0this set
--nldesign-interaction-color #5616ff #723dffthis set
--nldesign-interaction-hover-color #4a13db #794df0this set
--nldesign-line-border-color #cfd5dd #2e363fthis set
--nldesign-line-border-width1pxthis set
--nldesign-logo-urlurl('../../img/logos/nijmegen.svg')this set
--nldesign-nl-avatar-background-color #5616ff #460ce1this set
--nldesign-nl-avatar-border-colortransparentthis set
--nldesign-nl-avatar-border-radius999pxthis set
--nldesign-nl-avatar-border-width1pxthis set
--nldesign-nl-avatar-color #ffffff #9e9e9ethis set
--nldesign-nl-avatar-hover-background-color #4a13db #5e2ce2this set
--nldesign-nl-avatar-hover-border-colortransparentthis set
--nldesign-nl-avatar-hover-color #ffffff #9e9e9ethis set
--nldesign-nl-avatar-icon-icon-size24pxthis set
--nldesign-nl-avatar-size48pxthis set
--nldesign-nl-avatar-text-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-nl-avatar-text-font-size16pxthis set
--nldesign-nl-avatar-text-font-weightBoldthis set
--nldesign-nl-avatar-text-line-height150%this set
--nldesign-nl-avatar-text-text-transformuppercasethis set
--nldesign-pagination-ellipses-color #586c88 #899bb3this set
--nldesign-pagination-ellipses-font-weightRegularthis set
--nldesign-pagination-ellipses-padding-block-end12pxthis set
--nldesign-pagination-ellipses-padding-block-start12pxthis set
--nldesign-pagination-ellipses-padding-inline-end0pxthis set
--nldesign-pagination-ellipses-padding-inline-start0pxthis set
--nldesign-pagination-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-pagination-font-size16pxthis set
--nldesign-pagination-gap4pxthis set
--nldesign-pagination-line-height150%this set
--nldesign-pagination-page-link-active-background-colortransparentthis set
--nldesign-pagination-page-link-active-border-colortransparentthis set
--nldesign-pagination-page-link-active-color #3b0faf #7c50f0this set
--nldesign-pagination-page-link-active-text-decorationunderlinethis set
--nldesign-pagination-page-link-background-colortransparentthis set
--nldesign-pagination-page-link-border-colortransparentthis set
--nldesign-pagination-page-link-border-radius0pxthis set
--nldesign-pagination-page-link-border-width1pxthis set
--nldesign-pagination-page-link-color #5616ff #723dffthis set
--nldesign-pagination-page-link-current-background-colortransparentthis set
--nldesign-pagination-page-link-current-border-colortransparentthis set
--nldesign-pagination-page-link-current-color #223c61 #9eb8ddthis set
--nldesign-pagination-page-link-current-font-weightBoldthis set
--nldesign-pagination-page-link-current-text-decorationnonethis set
--nldesign-pagination-page-link-focus-background-color #dbcdff #19044fthis set
--nldesign-pagination-page-link-focus-color #000000 #ebebebthis set
--nldesign-pagination-page-link-focus-text-decorationnonethis set
--nldesign-pagination-page-link-font-weightRegularthis set
--nldesign-pagination-page-link-hover-background-colortransparentthis set
--nldesign-pagination-page-link-hover-border-colortransparentthis set
--nldesign-pagination-page-link-hover-color #4a13db #794df0this set
--nldesign-pagination-page-link-hover-text-decorationunderlinethis set
--nldesign-pagination-page-link-min-block-size48pxthis set
--nldesign-pagination-page-link-min-inline-size48pxthis set
--nldesign-pagination-page-link-padding-block-end12pxthis set
--nldesign-pagination-page-link-padding-block-start12pxthis set
--nldesign-pagination-page-link-padding-inline-end12pxthis set
--nldesign-pagination-page-link-padding-inline-start12pxthis set
--nldesign-pagination-page-link-text-decorationnonethis set
--nldesign-pagination-relative-link-active-background-colortransparentthis set
--nldesign-pagination-relative-link-active-border-colortransparentthis set
--nldesign-pagination-relative-link-active-color #3b0faf #7c50f0this set
--nldesign-pagination-relative-link-active-text-decorationunderlinethis set
--nldesign-pagination-relative-link-background-colortransparentthis set
--nldesign-pagination-relative-link-border-colortransparentthis set
--nldesign-pagination-relative-link-border-radius0pxthis set
--nldesign-pagination-relative-link-border-width1pxthis set
--nldesign-pagination-relative-link-color #5616ff #723dffthis set
--nldesign-pagination-relative-link-focus-background-color #dbcdff #19044fthis set
--nldesign-pagination-relative-link-focus-color #000000 #ebebebthis set
--nldesign-pagination-relative-link-focus-text-decorationnonethis set
--nldesign-pagination-relative-link-font-weightRegularthis set
--nldesign-pagination-relative-link-hover-background-colortransparentthis set
--nldesign-pagination-relative-link-hover-border-colortransparentthis set
--nldesign-pagination-relative-link-hover-color #4a13db #794df0this set
--nldesign-pagination-relative-link-hover-text-decorationunderlinethis set
--nldesign-pagination-relative-link-icon-margin-inline4pxthis set
--nldesign-pagination-relative-link-icon-size24pxthis set
--nldesign-pagination-relative-link-min-block-size48pxthis set
--nldesign-pagination-relative-link-min-inline-size48pxthis set
--nldesign-pagination-relative-link-next-padding-inline-start4pxthis set
--nldesign-pagination-relative-link-padding-block-end12pxthis set
--nldesign-pagination-relative-link-padding-block-start12pxthis set
--nldesign-pagination-relative-link-padding-inline-end0pxthis set
--nldesign-pagination-relative-link-padding-inline-start0pxthis set
--nldesign-pagination-relative-link-previous-padding-inline-end4pxthis set
--nldesign-pagination-relative-link-text-decorationnonethis set
--nldesign-pointer-target-min-size48pxthis set
--nldesign-radio-active-background-color #ebeef1 #1d2328this set
--nldesign-radio-active-border-color #7a8aa0 #637186this set
--nldesign-radio-active-border-width2pxthis set
--nldesign-radio-background-color #ffffff #141414this set
--nldesign-radio-border-color #7a8aa0 #637186this set
--nldesign-radio-border-radius999pxthis set
--nldesign-radio-border-width1pxthis set
--nldesign-radio-checked-active-background-color #3b0faf #794fe7this set
--nldesign-radio-checked-active-border-colortransparentthis set
--nldesign-radio-checked-active-border-width2pxthis set
--nldesign-radio-checked-active-color #ffffff #9e9e9ethis set
--nldesign-radio-checked-background-color #5616ff #460ce1this set
--nldesign-radio-checked-border-colortransparentthis set
--nldesign-radio-checked-border-width1pxthis set
--nldesign-radio-checked-color #ffffff #9e9e9ethis set
--nldesign-radio-checked-disabled-background-color #7a8aa0 #637186this set
--nldesign-radio-checked-disabled-border-colortransparentthis set
--nldesign-radio-checked-disabled-color #ffffff #9e9e9ethis set
--nldesign-radio-checked-focus-background-color #ffffff #141414this set
--nldesign-radio-checked-focus-border-color #000000 #ebebebthis set
--nldesign-radio-checked-focus-border-width2pxthis set
--nldesign-radio-checked-focus-color #000000 #ebebebthis set
--nldesign-radio-checked-hover-background-color #4a13db #5e2ce2this set
--nldesign-radio-checked-hover-border-colortransparentthis set
--nldesign-radio-checked-hover-border-width2pxthis set
--nldesign-radio-checked-hover-color #ffffff #9e9e9ethis set
--nldesign-radio-disabled-background-color #f5f6f8 #171a20this set
--nldesign-radio-disabled-border-color #7a8aa0 #637186this set
--nldesign-radio-dot-size8pxthis set
--nldesign-radio-focus-background-color #ffffff #141414this set
--nldesign-radio-focus-border-color #000000 #ebebebthis set
--nldesign-radio-focus-border-width2pxthis set
--nldesign-radio-group-padding-block-end8pxthis set
--nldesign-radio-group-padding-block-start8pxthis set
--nldesign-radio-group-row-gap16pxthis set
--nldesign-radio-hover-background-color #f5f6f8 #171a20this set
--nldesign-radio-hover-border-color #7a8aa0 #637186this set
--nldesign-radio-hover-border-width2pxthis set
--nldesign-radio-invalid-background-color #ffffff #141414this set
--nldesign-radio-invalid-border-color #cd262d #d0393fthis set
--nldesign-radio-invalid-border-width2pxthis set
--nldesign-radio-size24pxthis set
--nldesign-root-background-color #f5f6f8 #171a20this set
--nldesign-sidenav-link-active-color #3b0faf #7c50f0this set
--nldesign-sidenav-link-active-text-decorationunderlinethis set
--nldesign-sidenav-link-color #5616ff #723dffthis set
--nldesign-sidenav-link-current-color #223c61 #9eb8ddthis set
--nldesign-sidenav-link-current-font-weightBoldthis set
--nldesign-sidenav-link-focus-background-color #dbcdff #19044fthis set
--nldesign-sidenav-link-focus-color #000000 #ebebebthis set
--nldesign-sidenav-link-focus-text-decorationnonethis set
--nldesign-sidenav-link-font-familyFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-sidenav-link-font-size16pxthis set
--nldesign-sidenav-link-font-weightRegularthis set
--nldesign-sidenav-link-hover-color #4a13db #794df0this set
--nldesign-sidenav-link-hover-text-decorationunderlinethis set
--nldesign-sidenav-link-icon-margin-inline8pxthis set
--nldesign-sidenav-link-icon-size24pxthis set
--nldesign-sidenav-link-line-height150%this set
--nldesign-sidenav-link-padding-block-end12pxthis set
--nldesign-sidenav-link-padding-block-start12pxthis set
--nldesign-sidenav-link-text-decorationnonethis set
--nldesign-size-2xl160pxthis set
--nldesign-size-2xs16pxthis set
--nldesign-size-3xs8pxthis set
--nldesign-size-4xs4pxthis set
--nldesign-size-5xs2pxthis set
--nldesign-size-icon-2xl32pxthis set
--nldesign-size-icon-3xl40pxthis set
--nldesign-size-icon-4xl48pxthis set
--nldesign-size-icon-lg24pxthis set
--nldesign-size-icon-md24pxthis set
--nldesign-size-icon-sm20pxthis set
--nldesign-size-icon-xl24pxthis set
--nldesign-size-lg64pxthis set
--nldesign-size-md48pxthis set
--nldesign-size-sm32pxthis set
--nldesign-size-xl96pxthis set
--nldesign-size-xs24pxthis set
--nldesign-space-block-ant4pxthis set
--nldesign-space-block-beetle8pxthis set
--nldesign-space-block-cat32pxthis set
--nldesign-space-block-dog48pxthis set
--nldesign-space-block-flea2pxthis set
--nldesign-space-block-mouse16pxthis set
--nldesign-space-block-pig64pxthis set
--nldesign-space-block-rabbit24pxthis set
--nldesign-space-block-rat20pxthis set
--nldesign-space-block-snail12pxthis set
--nldesign-space-column-ant2pxthis set
--nldesign-space-column-beetle4pxthis set
--nldesign-space-column-cat24pxthis set
--nldesign-space-column-dog28pxthis set
--nldesign-space-column-elephant96pxthis set
--nldesign-space-column-flea1pxthis set
--nldesign-space-column-giraffe160pxthis set
--nldesign-space-column-horse64pxthis set
--nldesign-space-column-mouse12pxthis set
--nldesign-space-column-pig32pxthis set
--nldesign-space-column-rabbit20pxthis set
--nldesign-space-column-rat16pxthis set
--nldesign-space-column-snail8pxthis set
--nldesign-space-column-tiger48pxthis set
--nldesign-space-inline-ant4pxthis set
--nldesign-space-inline-beetle8pxthis set
--nldesign-space-inline-cat28pxthis set
--nldesign-space-inline-dog32pxthis set
--nldesign-space-inline-flea2pxthis set
--nldesign-space-inline-mouse16pxthis set
--nldesign-space-inline-pig48pxthis set
--nldesign-space-inline-rabbit24pxthis set
--nldesign-space-inline-rat20pxthis set
--nldesign-space-inline-snail12pxthis set
--nldesign-space-row-ant2pxthis set
--nldesign-space-row-beetle4pxthis set
--nldesign-space-row-cat24pxthis set
--nldesign-space-row-dog28pxthis set
--nldesign-space-row-elephant96pxthis set
--nldesign-space-row-flea1pxthis set
--nldesign-space-row-giraffe160pxthis set
--nldesign-space-row-horse64pxthis set
--nldesign-space-row-mouse12pxthis set
--nldesign-space-row-pig32pxthis set
--nldesign-space-row-rabbit20pxthis set
--nldesign-space-row-rat16pxthis set
--nldesign-space-row-snail8pxthis set
--nldesign-space-row-tiger48pxthis set
--nldesign-space-text-ant2pxthis set
--nldesign-space-text-beetle4pxthis set
--nldesign-space-text-cat16pxthis set
--nldesign-space-text-dog24pxthis set
--nldesign-space-text-flea1pxthis set
--nldesign-space-text-mouse8pxthis set
--nldesign-space-text-rabbit14pxthis set
--nldesign-space-text-rat12pxthis set
--nldesign-space-text-snail6pxthis set
--nldesign-tokenSetOrder-0brandthis set
--nldesign-tokenSetOrder-1commonthis set
--nldesign-tokenSetOrder-2componentthis set
--nldesign-typography-font-family-primarySource Serif Pro, Tahoma, Verdana, sans-serifthis set
--nldesign-typography-font-family-secondaryFira Sans, Tahoma, Verdana, sans-serifthis set
--nldesign-typography-font-size-2xl32pxthis set
--nldesign-typography-font-size-3xl40pxthis set
--nldesign-typography-font-size-4xl48pxthis set
--nldesign-typography-font-size-lg20pxthis set
--nldesign-typography-font-size-md16pxthis set
--nldesign-typography-font-size-sm14pxthis set
--nldesign-typography-font-size-xl24pxthis set
--nldesign-typography-font-weight-boldBoldthis set
--nldesign-typography-font-weight-normalRegularthis set
--nldesign-typography-line-height-lg200%this set
--nldesign-typography-line-height-md150%this set
--nldesign-typography-line-height-sm125%this set
--nldesign-typography-line-height-xs100%this set
--nldesign-typography-sans-serif-font-family"Source Sans Pro", sans-serifthis set
--nldesign-typography-serif-font-family"Oranda", serifthis set