/* !Do not modify! This file is autogenerated on every push to master of "core-design-system-variables" repository.*/
/* Every manual change will be overwritten by next push into branch from designers (figma tokens) */

:root {
	/* var */
	--header: linear-gradient(0deg, #0067B9 0%, #1a76c0 100%);
	--header-interaction-medium: #1a76c0;
	--header-interaction-high: #005da7;
	--on-header: #ffffff;
	--primary: #0067B9;
	--primary-interaction-low: #e6f0f8;
	--primary-interaction-medium: #1a76c0;
	--on-primary: #ffffff;
	--secondary: #FD9E02;
	--secondary-interaction-low: #fff5e6;
	--secondary-interaction-medium: #fdb135;
	--on-secondary: #ffffff;
	--tertiary: #85AF9A;
	--tertiary-interaction-low: #f3f7f5;
	--tertiary-interaction-medium: #9dbfae;
	--on-tertiary: #000000de;
	--success: #33b534;
	--on-success: #ffffff;
	--alert: #FAA200;
	--on-alert: #ffffff;
	--info: #0B88F9;
	--on-info: #ffffff;
	--error: #B8331A;
	--on-error: #ffffff;
	--background: #ffffff;
	--on-background: #000000de;
	--surface: #F4F5F5;
	--surface-variant: #ffffff;
	--on-surface-hi: #000000de;
	--on-surface-m: #00000099;
	--on-surface-low: #00000061;
	--on-surface-color: #0067B9;
	--alternate-surface: #34435C;
	--alternate-surface-variant: #34435C;
	--alternate-surface-nav: linear-gradient(0deg, #21334D 0%, #34435C 100%);
	--alternate-overlay: linear-gradient(0deg, rgba(52, 67, 92, 1) 0%, rgba(52, 67, 92, 0) 100%);
	--alternate-overlay-variant: linear-gradient(90deg, rgba(52, 67, 92, 1) 0%, rgba(52, 67, 92, 0) 100%);
	--on-alternate-surface-hi: #ffffff;
	--on-alternate-surface-m: #ffffffde;
	--on-alternate-surface-low: #ffffff99;
	--on-alternate-surface-color: #85AF9A;
	--surface-nav: #3D4B63;
	--surface-nav-variant: #21334D;
	--on-surface-nav-hi: #ffffff;
	--on-surface-nav-m: #ffffffde;
	--on-surface-nav-low: #ffffff99;
	/* Display,Lead */
	--display-lead: normal 700 56px/80px Outfit;
	/* Display,Regular */
	--display-regular: normal 700 48px/65px Outfit;
	/* Display,Small */
	--display-small: normal 700 40px/56px Outfit;
	/* Display,Tiny */
	--display-tiny: normal 700 36px/56px Outfit;
	/* Headline,Lead */
	--headline-lead: normal 700 32px/48px Outfit;
	/* Headline,Regular */
	--headline-regular: normal 700 24px/40px Outfit;
	/* Headline,Small */
	--headline-small: normal 700 20px/32px Outfit;
	/* Headline,Tiny */
	--headline-tiny: normal 700 16px/24px Outfit;
	/* Paragraphs,Lead */
	--paragraphs-lead: normal 400 16px/24px Outfit;
	/* Paragraphs,Lead - bold */
	--paragraphs-lead-bold: normal 700 16px/24px Outfit;
	/* Paragraphs,Regular */
	--paragraphs-regular: normal 400 14px/20px Outfit;
	/* Paragraphs,Regular - bold */
	--paragraphs-regular-bold: normal 700 14px/20px Outfit;
	/* Paragraphs,Small */
	--paragraphs-small: normal 400 12px/16px Outfit;
	/* Paragraphs,Small - bold */
	--paragraphs-small-bold: normal 700 12px/16px Outfit;
	/* Paragraphs,Tiny */
	--paragraphs-tiny: normal 400 10px/16px Outfit;
	/* Paragraphs,Tiny - bold */
	--paragraphs-tiny-bold: normal 700 10px/16px Outfit;
	/* border-radius */
	--border-radius-xsmall: 2px;
	--border-radius-small: 2px;
	--border-radius-medium: 4px;
	--border-radius-large: 8px;
	--border-radius-xlarge: 100px;
	/* spacing */
	--spacing-xsmall: 4px;
	--spacing-small: 8px;
	--spacing-medium: 16px;
	--spacing-large: 24px;
	--spacing-xlarge: 32px;
	--spacing-custom1: 12px;
}