:root {
  /* Color styles */
  --brand-primary: var(--color-brand-primary-lighten-1, #30ab33);
  --brand-accent: var(--color-accent-1-lighten, #e30613);
  --brand-ui-primary: var(--color-brand-primary, #227724);
  --brand-ui-accent: var(--color-accent-1, #cc0511);
  --neutrals-white: var(--color-neutral-0, #ffffff);
  --neutrals-black: var(--color-neutral-10, #000000);
  --backgrounds-gray-light: var(--color-neutral-1, #f0f0f0);
  --backgrounds-gray-dark: var(--color-neutral-7, #373737);
  --backgrounds-overlay: var(--color-neutral-8, #333333);
  --typography-body-text: var(--body-color, #1b1b1b);
  --typography-body-text-light: var(--color-neutral-0, #ffffff);
  --typography-muted-text-light: var(--text-muted, #666666);
  --typography-muted-text-dark: var(--color-neutral-2, #cfcfcf);
  --typography-disabled-text: var(--color-neutral-4, #b9b9b9);
  --typography-heading-green-light: var(--color-accent-2, #4ccc4d);
  --typography-heading-green: var(--brand-ui-primary, #227724);
  --links-link: var(--link-color, #227724);
  --links-link-hover: var(--link-hover-color, #1b5f1d);
  --links-link-pressed: var(--link-visited-color, #144716);
  --borders-border-default: var(--color-neutral-3, #b4b4b4);
  --borders-border-dark: #6a6a6a;
  --icons-icon-dark: var(--color-neutral-8, #333333);
  --icons-icon-light: var(--neutrals-white);
  --icons-icon-muted: var(--color-accent-6, #a5a5a5);
  --inputs-border-default: var(--form-input-border-color, #b4b4b4);
  --inputs-border-disabled: var(--form-input-border-color-disabled, #b4b4b4);
  --inputs-background-default: var(--form-input-bg-color, #f0f0f0);
  --inputs-border-active: var(--color-neutral-10, #000000);
  --inputs-background-active: var(--color-neutral-1, #f0f0f0);
  --buttons-primary-default-bg: var(--color-action-primary-default, #227724);
  --buttons-primary-default-contents: var(--color-action-primary-inverted, #ffffff);
  --buttons-primary-hover-bg: var(--color-action-primary-hover, #1b5f1d);
  --buttons-primary-hover-contents: var(--color-action-primary-inverted-hover, #ffffff);
  --buttons-primary-pressed-bg: var(--color-action-primary-active, #144716);
  --buttons-primary-pressed-contents: var(--color-action-primary-inverted, #ffffff);
  --buttons-primary-disabled-bg: var(--color-neutral-5, #899889);
  --buttons-primary-disabled-contents: var(--color-action-primary-inverted-disabled, #f3eff8);
  --buttons-secondary-default-bg: var(--color-neutral-1, #f0f0f0);
  --buttons-secondary-default-contents: var(--brand-ui-primary, #227724);
  --buttons-secondary-hover-bg: #dfdfdf;
  --buttons-secondary-hover-contents: var(--color-brand-primary-darken-1, #1b5f1d);
  --buttons-secondary-pressed-bg: #c2c2c2;
  --buttons-secondary-pressed-contents: var(--color-brand-primary-darken-2, #144716);
  --buttons-secondary-disabled-bg: var(--color-neutral-1, #f0f0f0);
  --buttons-secondary-disabled-contents: var(--color-neutral-5, #899889);
  --buttons-outlined-default-border: var(--brand-ui-primary, #227724);
  --buttons-outlined-default-contents: var(--brand-ui-primary, #227724);
  --buttons-outlined-hover-border: var(--color-brand-primary-darken-1, #1b5f1d);
  --buttons-outlined-hover-contents: var(--color-brand-primary-darken-1, #1b5f1d);
  --buttons-outlined-pressed-border: var(--color-brand-primary-darken-2, #144716);
  --buttons-outlined-pressed-contents: var(--color-brand-primary-darken-2, #144716);
  --buttons-outlined-disabled-border: var(--color-neutral-5, #899889);
  --buttons-outlined-disabled-contents: var(--color-neutral-5, #899889);
  --ui-states-info-light: var(--color-state-info-lighten-1, #ecf1f8);
  --ui-states-info-dark: var(--color-state-info, #3d68a8);
  --ui-states-success-light: var(--color-state-success-lighten-1, #ecffed);
  --ui-states-success-dark: var(--color-state-success, #227724);
  --ui-states-warning-light: var(--color-state-warning-lighten-1, #fef3e8);
  --ui-states-warning-dark: var(--color-state-warning, #e8770e);
  --ui-states-error-light: var(--color-state-error-lighten-1, #fde9e9);
  --ui-states-error-dark: var(--color-state-error, #d71717);
  /* Text-size styles */
  --h1-mobile: var(--h1-font-size, 28px);
  --h1-desktop: var(--h1-font-size, 48px);
  --h2-mobile: var(--h2-font-size, 24px);
  --h2-desktop: var(--h2-font-size, 32px);
  --h3-mobile: var(--h3-font-size, 19px);
  --h3-desktop: var(--h3-font-size, 24px);
  --h4-mobile: var(--h4-font-size, 18px);
  --h4-desktop: var(--h4-font-size, 18px);
  --h5-mobile: var(--h5-font-size, 16px);
  --h5-desktop: var(--h5-font-size, 16px);
  --p-small-mobile: var(--text-paragraph-sm-font-size, 13px);
  --p-small-mobile-bold: var(--text-paragraph-sm-font-size, 13px);
  --p-small-desktop: var(--text-paragraph-sm-font-size, 13px);
  --p-small-desktop-bold: var(--text-paragraph-sm-font-size, 13px);
  --p-normal-mobile: var(--text-paragraph-font-size, 15px);
  --p-normal-mobile-bold: var(--text-paragraph-font-size, 15px);
  --p-normal-desktop: var(--text-paragraph-font-size, 16px);
  --p-normal-desktop-bold: var(--text-paragraph-font-size, 16px);
  --p-large-mobile: var(--text-paragraph-lg-font-size, 18px);
  --p-large-mobile-bold: var(--text-paragraph-lg-font-size, 18px);
  --p-large-desktop: var(--text-paragraph-lg-font-size, 19px);
  --p-large-desktop-bold: var(--text-paragraph-lg-font-size, 19px);
  --label-desktop: var(--label-font-size, 18px);
  --label-mobile: var(--label-font-size, 11px);
  --button-small: 14px;
  --button-large: 16px;
  --button-tiny: 12px;
  /* Effect styles */
  --shadows-small-element: var(--box-shadow, 2px 2px 8px rgba(0, 0, 0, 0.24));
  --shadows-large-element: var(--box-shaodw-lg, 6px 6px 32px rgba(0, 0, 0, 0.24));
}

/*# sourceMappingURL=global.css.map */