// Do not edit directly
// Generated on Tue, 20 May 2025 09:59:06 GMT

$utrecht-unordered-list-marker-color: transparent;
$utrecht-unordered-list-item-padding-inline-start: 0;
$utrecht-unordered-list-item-margin-block-end: 0;
$utrecht-unordered-list-item-margin-block-start: 0;
$utrecht-unordered-list-padding-inline-start: 0;
$utrecht-unordered-list-margin-block-end: 0;
$utrecht-unordered-list-margin-block-start: 0;
$utrecht-typography-line-height-lg: 32px;
$utrecht-typography-line-height-md: 24px;
$utrecht-typography-line-height-sm: 22px;
$utrecht-typography-line-height-xs: 16px;
$utrecht-typography-font-style-inherit: inherit;
$utrecht-typography-font-style-normal: normal;
$utrecht-typography-weight-scale-normal-font-weight: normal;
$utrecht-typography-weight-scale-bold-font-weight: bold;
$utrecht-typography-scale-3xl-font-size: 40px;
$utrecht-typography-scale-2xl-font-size: 32px;
$utrecht-typography-scale-xl-font-size: 20px;
$utrecht-typography-scale-lg-font-size: 24px;
$utrecht-typography-scale-md-font-size: 16px;
$utrecht-typography-scale-sm-font-size: 14px;
$utrecht-typography-sans-serif-font-family: "Body", "Arial", sans-serif;
$utrecht-document-line-height: 24px; // Default body line-height.
$utrecht-document-color: #4b4b4b;
$utrecht-document-font-size: 16px; // The body font-size for the theme.
$utrecht-skip-link-focus-visible-text-decoration: underline;
$utrecht-skip-link-focus-visible-color: #fff;
$utrecht-skip-link-focus-text-decoration: underline;
$utrecht-skip-link-focus-color: #fff;
$utrecht-skip-link-z-index: 5000;
$utrecht-skip-link-text-decoration: underline;
$utrecht-skip-link-padding-inline-end: 16px;
$utrecht-skip-link-padding-inline-start: 16px;
$utrecht-skip-link-padding-block-end: 24px;
$utrecht-skip-link-padding-block-start: 24px;
$utrecht-skip-link-min-inline-size: 0;
$utrecht-skip-link-min-block-size: 0;
$utrecht-skip-link-color: #fff;
$utrecht-paragraph-small-margin-block-start: 0;
$utrecht-paragraph-small-margin-block-end: 0;
$utrecht-paragraph-small-line-height: 20px;
$utrecht-paragraph-small-font-size: 14px;
$utrecht-paragraph-small-font-weight: normal;
$utrecht-paragraph-small-color: rgba(75,75,75,0.9);
$utrecht-paragraph-margin-block-start: 0;
$utrecht-paragraph-margin-block-end: 0;
$utrecht-paragraph-line-height: 24px;
$utrecht-paragraph-font-weight: normal;
$utrecht-ordered-list-item-padding-inline-start: 0;
$utrecht-ordered-list-item-margin-block-end: 4px;
$utrecht-ordered-list-item-margin-block-start: 4px;
$utrecht-ordered-list-padding-inline-start: 16px;
$utrecht-ordered-list-margin-block-end: 0;
$utrecht-ordered-list-margin-block-start: 0;
$utrecht-link-list-icon-size: 14px;
$utrecht-link-list-link-text-decoration: none;
$utrecht-link-list-link-font-weight: bold;
$utrecht-link-list-link-column-gap: 8px;
$utrecht-link-list-row-gap: 8px;
$utrecht-link-list-margin-block-end: 0;
$utrecht-link-list-margin-block-start: 0;
$utrecht-heading-4-margin-block-start: 0;
$utrecht-heading-4-margin-block-end: 0;
$utrecht-heading-4-line-height: 26px;
$utrecht-heading-4-font-weight: bold;
$utrecht-heading-4-font-size: 16px;
$utrecht-heading-3-margin-block-start: 0;
$utrecht-heading-3-margin-block-end: 0;
$utrecht-heading-3-line-height: 30px;
$utrecht-heading-3-font-weight: bold;
$utrecht-heading-3-font-size: 20px;
$utrecht-heading-2-margin-block-start: 0;
$utrecht-heading-2-margin-block-end: 0;
$utrecht-heading-2-line-height: 34px;
$utrecht-heading-2-letter-spacing: normal;
$utrecht-heading-2-font-weight: bold;
$utrecht-heading-2-font-size: 24px;
$utrecht-heading-1-margin-block-start: 40px;
$utrecht-heading-1-margin-block-end: 0;
$utrecht-heading-1-line-height: 41px;
$utrecht-heading-1-font-weight: bold;
$utrecht-heading-1-font-size: 32px;
$utrecht-heading-margin-block-start: 0;
$utrecht-heading-margin-block-end: 0;
$utrecht-heading-font-weight: bold;
$utrecht-form-fieldset-legend-margin-block-start: 0;
$utrecht-form-fieldset-legend-margin-block-end: 0;
$utrecht-form-fieldset-legend-line-height: 21px;
$utrecht-form-fieldset-legend-font-weight: normal;
$utrecht-form-fieldset-section-background-color: #FFFFFF;
$utrecht-form-fieldset-margin-block-start: 0;
$utrecht-form-fieldset-margin-block-end: 0;
$oip-utrecht-unordered-list-nested-padding-inline-start: 16px;
$oip-utrecht-unordered-list-nested-margin-inline-start: 0;
$oip-utrecht-unordered-list-marker-content: none;
$oip-utrecht-paragraph-compact-margin-top: 0 !important;
$oip-utrecht-paragraph-compact-margin-bottom: 0 !important;
$oip-utrecht-paragraph-centered-text-align: center;
$oip-fieldset-horizontal-margin-bottom: 20px;
$oip-fieldset-horizontal-gap: 7px;
$oip-fieldset-horizontal-flex-direction: row;
$oip-fieldset-horizontal-display: flex;
$oip-typography-heading-font-family: "Heading", "Arial", sans-serif;
$oip-typography-sans-serif-font-family: "Body", "Arial", sans-serif;
$oip-text-big-font-size: 24px;
$oip-text-font-size: 16px;
$oip-text-margin: 20px;
$oip-heading-font-family: "Heading", "Arial", sans-serif;
$oip-layout-bg: #FFFFFF;
$oip-color-red-notification: #e50026; // The bright red color for notification badges and texts.
$oip-color-border: #d2d2d2; // Default color for borders.
$oip-color-fg-heading: #000000; // Black foreground color for fully black elements.
$oip-color-fg-muted: #949494; // Font/foreground color for non-actionable or less-important content.
$oip-color-fg-lighter: #676767; // Blackish foreground color for lighter text elements (eg date).
$oip-color-fg: #4b4b4b; // Blackish foreground color for the (main) user interface.
$oip-color-bg: #ffffff; // Background color for the (main) user interface.
$oip-color-danger-light: #ffdbe1; // The light red background color for error/critical states and/or messages.
$oip-color-danger: #5c000f; // The dark red text color for error/critical states and/or messages.
$oip-color-warning-light: #ffdcad; // The light orange background color for warning states and/or messages.
$oip-color-warning: #704000; // The dark orange text color for warning states and/or messages.
$oip-color-success-light: #ecf4ec; // The light green background color for success states and/or messages.
$oip-color-success: #4A7746; // The dark green text color for success states and/or messages.
$oip-color-info-light: #D5E6F6; // The light blue background color for informational states and/or messages.
$oip-color-info: #2566A7; // The dark blue text color for informational states and/or messages.
$oip-color-accent: #E10019; // The accent color is usually the main identity color for a municipality
$oip-color-secondary: #006A0F; // The secondary compliments the primary color and serves as the default for text-links.
$oip-color-primary: #0065BD; // The primary color makes up a large part of the theme, it is used in buttons for example.
$utrecht-unordered-list-line-height: $utrecht-document-line-height;
$utrecht-unordered-list-font-size: $utrecht-document-font-size;
$utrecht-document-font-family: $oip-typography-sans-serif-font-family; // The body font-style for the theme.
$utrecht-skip-link-focus-visible-background-color: $oip-color-accent;
$utrecht-skip-link-focus-background-color: $oip-color-accent;
$utrecht-skip-link-background-color: $oip-color-accent;
$utrecht-paragraph-small-font-family: $oip-typography-sans-serif-font-family;
$utrecht-paragraph-font-size: $oip-text-font-size;
$utrecht-paragraph-font-family: $oip-typography-sans-serif-font-family;
$utrecht-paragraph-color: $oip-color-fg;
$utrecht-ordered-list-line-height: $utrecht-document-line-height;
$utrecht-ordered-list-font-size: $utrecht-document-font-size;
$utrecht-heading-4-font-family: $oip-typography-heading-font-family;
$utrecht-heading-4-color: $oip-color-fg-heading;
$utrecht-heading-3-font-family: $oip-typography-heading-font-family;
$utrecht-heading-3-color: $oip-color-fg-heading;
$utrecht-heading-2-font-family: $oip-typography-heading-font-family;
$utrecht-heading-2-color: $oip-color-fg-heading;
$utrecht-heading-1-font-family: $oip-typography-heading-font-family;
$utrecht-heading-1-color: $oip-color-fg-heading;
$utrecht-heading-font-family: $oip-typography-heading-font-family;
$utrecht-heading-color: $oip-color-fg-heading;
$utrecht-form-fieldset-legend-font-size: $utrecht-paragraph-small-font-size;
$utrecht-form-fieldset-legend-font-family: $oip-typography-sans-serif-font-family;
$utrecht-form-fieldset-legend-color: $oip-color-fg-lighter;
$utrecht-form-fieldset-section-color: $oip-color-fg-lighter;
$oip-utrecht-paragraph-muted-color: $oip-color-fg-muted;
$oip-heading-fg: $oip-color-fg;
$utrecht-unordered-list-font-family: $utrecht-document-font-family;
$utrecht-ordered-list-font-family: $utrecht-document-font-family;