:root {
  --heading-xl-font-family: "e-UkraineHead", Helvetica;
  --heading-xl-font-weight: 500;
  --heading-xl-font-size: 32px;
  --heading-xl-letter-spacing: 0px;
  --heading-xl-line-height: normal;
  --heading-xl-font-style: normal;
  --heading-lg-font-family: "e-UkraineHead", Helvetica;
  --heading-lg-font-weight: 500;
  --heading-lg-font-size: 24px;
  --heading-lg-letter-spacing: 0px;
  --heading-lg-line-height: 36px;
  --heading-lg-font-style: normal;
  --heading-md-font-family: "e-Ukraine", Helvetica;
  --heading-md-font-weight: 500;
  --heading-md-font-size: 16px;
  --heading-md-letter-spacing: 0px;
  --heading-md-line-height: 24px;
  --heading-md-font-style: normal;
  --body-lg-font-family: "e-Ukraine", Helvetica;
  --body-lg-font-weight: 400;
  --body-lg-font-size: 16px;
  --body-lg-letter-spacing: 0px;
  --body-lg-line-height: 24px;
  --body-lg-font-style: normal;
  --body-base-font-family: "e-Ukraine", Helvetica;
  --body-base-font-weight: 400;
  --body-base-font-size: 14px;
  --body-base-letter-spacing: 0px;
  --body-base-line-height: 22px;
  --body-base-font-style: normal;
  --body-base-medium-font-family: "e-Ukraine", Helvetica;
  --body-base-medium-font-weight: 500;
  --body-base-medium-font-size: 14px;
  --body-base-medium-letter-spacing: 0px;
  --body-base-medium-line-height: 22px;
  --body-base-medium-font-style: normal;
  --body-base-light-font-family: "e-Ukraine", Helvetica;
  --body-base-light-font-weight: 300;
  --body-base-light-font-size: 14px;
  --body-base-light-letter-spacing: 0px;
  --body-base-light-line-height: 22px;
  --body-base-light-font-style: normal;
  --caption-sm-font-family: "e-Ukraine", Helvetica;
  --caption-sm-font-weight: 300;
  --caption-sm-font-size: 12px;
  --caption-sm-letter-spacing: 0px;
  --caption-sm-line-height: normal;
  --caption-sm-font-style: normal;
  --focus-state: 0px 0px 0px 2px rgba(204, 202, 199, 1);
  --color-primitives-white: rgba(255, 255, 255, 1);
  --color-primitives-base-lightest: rgba(242, 240, 236, 1);
  --color-primitives-base-light: rgba(231, 234, 223, 1);
  --color-primitives-base-soft: rgba(234, 230, 223, 1);
  --color-primitives-accent-tint: rgba(214, 226, 212, 1);
  --color-primitives-gray-light: rgba(204, 202, 199, 1);
  --color-primitives-gray-soft: rgba(141, 140, 140, 1);
  --color-primitives-gray-medium: rgba(79, 79, 79, 1);
  --color-primitives-gray-dark: rgba(43, 43, 43, 1);
  --color-primitives-base-dark: rgba(24, 24, 24, 1);
  --color-primitives-black: rgba(0, 0, 0, 1);
  --tokens-text-main-text: var(--color-primitives-base-dark);
  --tokens-text-secondary-text: var(--color-primitives-gray-medium);
  --tokens-text-secondary-text-on-dark-bg: var(--color-primitives-gray-soft);
  --tokens-text-light-text: var(--color-primitives-white);
  --tokens-background-white-bg: var(--color-primitives-white);
  --tokens-icon-dark: var(--color-primitives-base-dark);
  --tokens-background-light-bg: var(--color-primitives-base-lightest);
  --tokens-background-soft-bg: var(--color-primitives-base-soft);
  --tokens-background-gray-bg: var(--color-primitives-gray-light);
  --tokens-background-accent-soft-bg: var(--color-primitives-base-light);
  --tokens-background-accent-strong-bg: var(--color-primitives-accent-tint);
  --tokens-background-dark-bg: var(--color-primitives-base-dark);
  --tokens-background-dark-bg-2: var(--color-primitives-gray-dark);
  --tokens-icon-light: var(--color-primitives-white);
  --tokens-primary-button-button-primary-bg-default: var(--color-primitives-base-dark);
  --tokens-primary-button-button-primary-bg-hover: var(--color-primitives-gray-dark);
  --tokens-primary-button-button-primary-bg-pressed: var(--color-primitives-black);
  --tokens-primary-button-button-primary-text-default: var(--color-primitives-white);
  --tokens-primary-button-button-primary-bg-disabled: var(--color-primitives-base-lightest);
  --tokens-primary-button-button-primary-text-disabled: var(--color-primitives-gray-medium);
  --tokens-primary-button-button-primary-border-disabled: var(--color-primitives-gray-light);
  --tokens-border-light: var(--color-primitives-white);
  --tokens-border-gray: var(--color-primitives-gray-light);
  --tokens-border-dark: var(--color-primitives-gray-dark);
  --tokens-secondary-button-button-secondary-bg-default: var(--color-primitives-white);
  --tokens-secondary-button-button-secondary-border-default: var(--color-primitives-gray-light);
  --tokens-secondary-button-button-secondary-border-hover: var(--color-primitives-gray-dark);
  --tokens-secondary-button-button-secondary-border-pressed: var(--color-primitives-black);
  --tokens-secondary-button-button-secondary-text-default: var(--color-primitives-base-dark);
  --tokens-secondary-button-button-secondary-bg-disabled: var(--color-primitives-base-lightest);
  --tokens-secondary-button-button-secondary-text-disabled: var(--color-primitives-gray-medium);
  --tokens-secondary-button-button-secondary-border-disabled: var(--color-primitives-gray-light);
  --tokens-text-button-default-button-text-default: var(--color-primitives-base-dark);
  --tokens-text-button-default-text-button-hover: var(--color-primitives-gray-dark);
  --tokens-text-button-default-text-button-pressed: var(--color-primitives-black);
  --tokens-text-button-light-text-button-default: var(--color-primitives-white);
  --tokens-text-button-default-text-button-disabled: var(--color-primitives-gray-medium);
  --tokens-text-button-light-text-button-hover: var(--color-primitives-white);
  --tokens-text-button-light-text-button-pressed: var(--color-primitives-gray-light);
  --tokens-text-button-light-text-button-disabled: var(--color-primitives-gray-medium);
}