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

$utrecht-unordered-list-line-height: 24px;
$utrecht-textbox-invalid-border-width: 2px;
$utrecht-textbox-focus-border-width: 3px;
$utrecht-textbox-padding-inline-start: 8px;
$utrecht-textbox-padding-inline-end: 8px;
$utrecht-textbox-padding-block-start: 9px;
$utrecht-textbox-padding-block-end: 8px;
$utrecht-textbox-border-width: 2px;
$utrecht-separator-block-size: 2px;
$utrecht-select-max-inline-size: 28em;
$utrecht-select-border-width: 2px;
$utrecht-select-border-radius: 0;
$utrecht-select-border-bottom-width: 0;
$utrecht-search-bar-textbox-padding-inline-start: 8px;
$utrecht-search-bar-button-text-transform: uppercase;
$utrecht-radio-button-invalid-border-width: 3px;
$utrecht-radio-button-focus-border-width: 4px;
$utrecht-radio-button-hover-border-width: 3px;
$utrecht-radio-button-size: 24px;
$utrecht-radio-button-border-width: 2px;
$utrecht-paragraph-lead-line-height: 33px;
$utrecht-paragraph-line-height: 24px;
$utrecht-page-max-inline-size: 1184px;
$utrecht-page-footer-padding-block-start: 0;
$utrecht-page-footer-padding-block-end: 0;
$utrecht-page-footer-padding-inline-start: 0;
$utrecht-page-footer-padding-inline-end: 0;
$utrecht-page-footer-background-image: none;
$utrecht-link-hover-text-decoration-thickness: 3px;
$utrecht-link-hover-text-decoration: underline;
$utrecht-link-focus-text-decoration-thickness: auto;
$utrecht-link-focus-text-decoration: underline;
$utrecht-link-text-underline-offset: 6px;
$utrecht-link-text-decoration-thickness: 2px;
$utrecht-heading-4-line-height: 24px;
$utrecht-heading-3-line-height: 28px;
$utrecht-heading-2-line-height: 36px;
$utrecht-heading-1-line-height: 56px;
$utrecht-form-label-line-height: 24px;
$utrecht-form-fieldset-legend-line-height: 24px;
$utrecht-form-field-invalid-border-inline-start-width: 3px;
$utrecht-form-field-description-margin-block-end: 13px;
$utrecht-form-field-description-margin-block-start: 13px;
$utrecht-document-line-height: 1.4;
$utrecht-custom-checkbox-focus-border-width: 2px;
$utrecht-custom-checkbox-hover-border-width: 2px;
$utrecht-custom-checkbox-size: 24px;
$utrecht-custom-checkbox-border-width: 2px;
$utrecht-button-subtle-disabled-background-color: transparent;
$utrecht-button-subtle-border-width: 0;
$utrecht-button-subtle-background-color: transparent;
$utrecht-button-disabled-color: #9E9FA0;
$utrecht-button-disabled-border-color: #9E9FA0;
$utrecht-button-icon-size: 24px;
$utrecht-button-icon-gap: 12px;
$utrecht-button-line-height: 28px;
$utrecht-button-letter-spacing: -0.3px;
$utrecht-button-border-width: 4px;
$utrecht-alert-margin-block-end: 25px;
$utrecht-alert-margin-block-start: 25px;
$utrecht-alert-padding-inline-end: 30px;
$utrecht-alert-padding-inline-start: 30px;
$utrecht-alert-padding-block-end: 30px;
$utrecht-alert-padding-block-start: 30px;
$utrecht-focus-outline-width: 3px;
$utrecht-focus-outline-style: solid;
$hlzv-typography-common-font-family-sans-serif-fallback: Sofia Pro, Arial, Helvetica, sans-serif;
$hlzv-typography-common-font-family-sans-serif: Sofia Pro;
$hlzv-typography-common-font-weight-normal: 400;
$hlzv-typography-common-font-weight-700: 700;
$hlzv-typography-common-body-bold-font-weight: 700;
$hlzv-typography-common-body-link-font-size: 18px;
$hlzv-typography-common-body-font-size: 18px;
$hlzv-typography-common-body-large-font-size: 22px;
$hlzv-typography-scale-70: 70px;
$hlzv-typography-scale-48: 48px;
$hlzv-typography-scale-36: 36px;
$hlzv-typography-scale-24: 24px;
$hlzv-typography-scale-19: 19px;
$hlzv-typography-scale-16: 16px;
$hlzv-typography-scale-14: 14px;
$haarlem-space-400: 4rem;
$haarlem-space-350: 3.5rem;
$haarlem-space-300: 3rem;
$haarlem-space-250: 2.5rem;
$haarlem-space-200: 2rem;
$haarlem-space-175: 1.75rem;
$haarlem-space-166: 1.6666666667rem;
$haarlem-space-150: 1.5rem;
$haarlem-space-133: 1.3333333333rem;
$haarlem-space-125: 1.25rem;
$haarlem-space-112: 1.125rem;
$haarlem-space-100: 1rem;
$haarlem-space-75: 0.75rem;
$haarlem-space-66: 0.6666666667rem;
$haarlem-space-55: 0.5rem;
$haarlem-space-33: 0.3333333333rem;
$haarlem-space-25: 0.25rem;
$haarlem-space-12: 0.125rem;
$haarlem-color-black: #2E2E33;
$haarlem-color-white: #FFFFFF;
$haarlem-color-dark-mode-100: #2E2E33;
$haarlem-color-dark-mode-75: #626266;
$haarlem-color-dark-mode-50: #969699;
$haarlem-color-dark-mode-25: #CBCBCCC2;
$haarlem-color-dark-mode-10: #F4F4F4;
$haarlem-color-indigo-100: #9FB7C7;
$haarlem-color-indigo-75: #B7C9D5;
$haarlem-color-indigo-50: #CFDBE3;
$haarlem-color-indigo-25: #E7EDF1;
$haarlem-color-indigo-10: #FFFFFF;
$haarlem-color-rood-100: #D12435;
$haarlem-color-rood-75: #DC5B67;
$haarlem-color-rood-50: #F27F8C;
$haarlem-color-rood-25: #FFBBC3;
$haarlem-color-rood-10: #FFE9EB;
$haarlem-color-zand-100: #DCC247;
$haarlem-color-zand-75: #E5D175;
$haarlem-color-zand-50: #EDE0A3;
$haarlem-color-zand-25: #F6F0D1;
$haarlem-color-zand-10: #FBF9ED;
$haarlem-color-jade-100: #6EC0A3;
$haarlem-color-jade-75: #92D0BA;
$haarlem-color-jade-50: #B6DFD1;
$haarlem-color-jade-25: #DBEFE8;
$haarlem-color-jade-10: #E7F6F1;
$haarlem-color-oceaan-100: #1457A3;
$haarlem-color-oceaan-75: #4379B5;
$haarlem-color-oceaan-50: #8AABCB;
$haarlem-color-oceaan-25: #C4D5E5;
$haarlem-color-oceaan-10: #E8EEF5;
$utrecht-unordered-list-marker-color: $haarlem-color-black;
$utrecht-unordered-list-padding-inline-start: $haarlem-space-100;
$utrecht-unordered-list-margin-block-end: $haarlem-space-100;
$utrecht-unordered-list-font-size: $hlzv-typography-common-body-font-size;
$utrecht-textbox-invalid-border-color: $haarlem-color-rood-100;
$utrecht-textbox-focus-border-color: $haarlem-color-black;
$utrecht-textbox-font-size: $hlzv-typography-common-body-font-size;
$utrecht-textbox-color: $haarlem-color-black;
$utrecht-textbox-border-color: $haarlem-color-dark-mode-100;
$utrecht-separator-margin-block-start: $haarlem-space-100;
$utrecht-separator-margin-block-end: $haarlem-space-100;
$utrecht-separator-color: $haarlem-color-indigo-50;
$utrecht-select-invalid-border-color: $haarlem-color-rood-100;
$utrecht-select-disabled-color: $haarlem-color-dark-mode-25;
$utrecht-select-disabled-border-color: $haarlem-color-dark-mode-25;
$utrecht-select-padding-inline-start: $haarlem-space-66;
$utrecht-select-padding-inline-end: $haarlem-space-66;
$utrecht-select-padding-block-start: $haarlem-space-55;
$utrecht-select-padding-block-end: $haarlem-space-55;
$utrecht-select-font-size: $hlzv-typography-common-body-font-size;
$utrecht-select-color: $haarlem-color-black;
$utrecht-select-background-color: $haarlem-color-white;
$utrecht-search-bar-button-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-radio-button-invalid-border-color: $haarlem-color-rood-100;
$utrecht-radio-button-disabled-color: $haarlem-color-dark-mode-25;
$utrecht-radio-button-disabled-background-color: $haarlem-color-dark-mode-25;
$utrecht-radio-button-disabled-border-color: $haarlem-color-dark-mode-25;
$utrecht-radio-button-focus-border-color: $haarlem-color-indigo-100;
$utrecht-radio-button-hover-border-color: $haarlem-color-zand-100;
$utrecht-radio-button-checked-color: $haarlem-color-black;
$utrecht-radio-button-checked-background-color: $haarlem-color-black;
$utrecht-radio-button-checked-border-color: $haarlem-color-indigo-100;
$utrecht-radio-button-margin-inline-end: $haarlem-space-75;
$utrecht-radio-button-border-color: $haarlem-color-black;
$utrecht-radio-button-background-color: $haarlem-color-white;
$utrecht-radio-button-color: $haarlem-color-black;
$utrecht-paragraph-lead-font-weight: $hlzv-typography-common-font-weight-normal;
$utrecht-paragraph-lead-font-size: $hlzv-typography-common-body-large-font-size;
$utrecht-paragraph-margin-block-start: $haarlem-space-100;
$utrecht-paragraph-font-weight: $hlzv-typography-common-font-weight-normal;
$utrecht-paragraph-font-size: $hlzv-typography-common-body-font-size;
$utrecht-paragraph-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-paragraph-color: $haarlem-color-black;
$utrecht-page-padding-inline-start: $haarlem-space-200;
$utrecht-page-padding-block-end: $haarlem-space-100;
$utrecht-page-padding-inline-end: $haarlem-space-250;
$utrecht-page-padding-block-start: $haarlem-space-175;
$utrecht-page-margin-inline-end: $haarlem-space-200;
$utrecht-page-margin-inline-start: $haarlem-space-200;
$utrecht-page-color: $haarlem-color-black;
$utrecht-page-background-color: $haarlem-color-white;
$utrecht-page-header-padding-block-start: $haarlem-space-175;
$utrecht-page-header-padding-block-end: $haarlem-space-100;
$utrecht-page-header-padding-inline-start: $haarlem-space-200;
$utrecht-page-header-padding-inline-end: $haarlem-space-200;
$utrecht-page-footer-background-color: $haarlem-color-white;
$utrecht-page-content-padding-block-start: $haarlem-space-200;
$utrecht-page-content-padding-block-end: $haarlem-space-200;
$utrecht-link-text-decoration-color: $haarlem-color-dark-mode-50;
$utrecht-link-color: $haarlem-color-black;
$utrecht-heading-4-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-heading-4-font-size: $hlzv-typography-scale-19;
$utrecht-heading-4-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-heading-4-color: $haarlem-color-black;
$utrecht-heading-3-margin-block-start: $haarlem-space-100;
$utrecht-heading-3-margin-block-end: $haarlem-space-25;
$utrecht-heading-3-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-heading-3-font-size: $hlzv-typography-scale-24;
$utrecht-heading-3-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-heading-3-color: $haarlem-color-black;
$utrecht-heading-2-margin-block-start: $haarlem-space-150;
$utrecht-heading-2-margin-block-end: $haarlem-space-33;
$utrecht-heading-2-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-heading-2-font-size: $hlzv-typography-scale-36;
$utrecht-heading-2-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-heading-2-color: $haarlem-color-black;
$utrecht-heading-1-margin-block-start: $haarlem-space-150;
$utrecht-heading-1-margin-block-end: $haarlem-space-150;
$utrecht-heading-1-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-heading-1-font-size: $hlzv-typography-scale-48;
$utrecht-heading-1-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-heading-1-color: $haarlem-color-black;
$utrecht-form-label-radio-font-weight: $hlzv-typography-common-font-weight-normal;
$utrecht-form-label-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-form-label-font-size: $hlzv-typography-scale-19;
$utrecht-form-label-color: $haarlem-color-black;
$utrecht-form-fieldset-legend-disabled-color: $haarlem-color-dark-mode-50;
$utrecht-form-fieldset-legend-margin-block-start: $haarlem-space-150;
$utrecht-form-fieldset-legend-margin-block-end: $haarlem-space-75;
$utrecht-form-fieldset-legend-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-form-fieldset-legend-font-size: $hlzv-typography-scale-16;
$utrecht-form-fieldset-margin-block-end: $haarlem-space-33;
$utrecht-form-fieldset-margin-block-start: $haarlem-space-33;
$utrecht-form-field-description-margin-block-end: $haarlem-space-75;
$utrecht-form-field-description-margin-block-start: $haarlem-space-75;
$utrecht-form-field-label-margin-block-end: $haarlem-space-75;
$utrecht-form-field-invalid-padding-inline-start: $haarlem-space-75;
$utrecht-form-field-margin-block-end: $haarlem-space-100;
$utrecht-form-field-margin-block-start: $haarlem-space-100;
$utrecht-form-field-description-invalid-color: $haarlem-color-rood-100;
$utrecht-form-field-description-font-size: $hlzv-typography-scale-16;
$utrecht-form-field-description-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-form-field-description-color: $haarlem-color-black;
$utrecht-document-font-size: $hlzv-typography-common-body-font-size;
$utrecht-document-font-family: $hlzv-typography-common-font-family-sans-serif-fallback;
$utrecht-document-color: $haarlem-color-black;
$utrecht-document-background-color: $haarlem-color-white;
$utrecht-custom-checkbox-checked-color: $haarlem-color-black;
$utrecht-custom-checkbox-checked-background-color: $haarlem-color-black;
$utrecht-custom-checkbox-focus-border-color: $haarlem-color-indigo-100;
$utrecht-custom-checkbox-hover-border-color: $haarlem-color-indigo-100;
$utrecht-custom-checkbox-color: $haarlem-color-black;
$utrecht-custom-checkbox-border-color: $haarlem-color-black;
$utrecht-custom-checkbox-background-color: $haarlem-color-white;
$utrecht-button-subtle-disabled-color: $haarlem-color-dark-mode-25;
$utrecht-button-hover-background-color: $haarlem-color-indigo-50;
$utrecht-button-focus-background-color: $haarlem-color-zand-100;
$utrecht-button-padding-inline-end: $haarlem-space-133;
$utrecht-button-padding-inline-start: $haarlem-space-133;
$utrecht-button-padding-block-end: $haarlem-space-75;
$utrecht-button-padding-block-start: $haarlem-space-75;
$utrecht-button-margin-block-end: $haarlem-space-150;
$utrecht-button-margin-block-start: $haarlem-space-150;
$utrecht-button-font-weight: $hlzv-typography-common-font-weight-700;
$utrecht-button-font-size: $hlzv-typography-scale-24;
$utrecht-button-color: $haarlem-color-black;
$utrecht-button-border-color: $haarlem-color-black;
$utrecht-button-background-color: $haarlem-color-white;
$utrecht-button-group-padding-block-start: $haarlem-space-300;
$utrecht-button-group-padding-block-end: $haarlem-space-300;
$utrecht-button-group-margin-block-start: $haarlem-space-200;
$utrecht-button-group-margin-block-end: $haarlem-space-200;
$utrecht-button-group-background-color: $haarlem-color-zand-10;
$utrecht-alert-ok-color: $haarlem-color-dark-mode-100;
$utrecht-alert-ok-background-color: $haarlem-color-jade-100;
$utrecht-alert-error-color: $haarlem-color-rood-100;
$utrecht-alert-error-background-color: $haarlem-color-rood-10;
$utrecht-focus-outline-color: $haarlem-color-indigo-100;
$hlzv-typography-common-body-link-small-font-size: $hlzv-typography-scale-16;
$hlzv-typography-common-body-small-font-size: $hlzv-typography-scale-16;