﻿/* !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, #FF6600 0%, #FD9455 100%);
	--header-interaction-medium: #ff8533;
	--header-interaction-high: #E45D1C;
	--on-header: #ffffff;
	--primary: #FF6600;
	--primary-interaction-low: #FFF0E7;
	--primary-interaction-medium: #ff8533;
	--on-primary: #ffffff;
	--secondary: #40B840;
	--secondary-interaction-low: #ECF7EC;
	--secondary-interaction-medium: #6BC96B;
	--on-secondary: #ffffff;
	--tertiary: #2E3541;
	--tertiary-interaction-low: #EAEBEC;
	--tertiary-interaction-medium: #434954;
	--on-tertiary: #ffffff;
	--success: #63A81D;
	--on-success: #ffffff;
	--alert: #f8A127;
	--on-alert: #ffffff;
	--info: #1c8bf6;
	--on-info: #ffffff;
	--error: #dd2727;
	--on-error: #ffffff;
	--background: #ffffff;
	--on-background: #000000de;
	--surface: #F7F7F7;
	--surface-variant: #ffffff;
	--on-surface-hi: #000000de;
	--on-surface-m: rgba(0,0,0,0.6);
	--on-surface-low: #00000061;
	--on-surface-color: #FF6600;
	--alternate-surface: #2E2F3C;
	--alternate-surface-variant: #494B56;
	--alternate-surface-nav: linear-gradient(0deg, #242633 0%, #53545E 100%);
	--alternate-overlay: linear-gradient(0deg, rgba(46, 47, 60, 1) 0%, rgba(46, 47, 60, 0) 100%);
	--alternate-overlay-variant: linear-gradient(90deg, rgba(46, 47, 60, 1) 0%, rgba(46, 47, 60, 0) 100%);
	--on-alternate-surface-hi: #ffffff;
	--on-alternate-surface-m: #ffffffde;
	--on-alternate-surface-low: #ffffff99;
	--on-alternate-surface-color: #40B840;
	--surface-nav: #F7F7F7;
	--surface-nav-variant: #ffffff;
	--on-surface-nav-hi: #000000de;
	--on-surface-nav-m: rgba(0,0,0,0.6);
	--on-surface-nav-low: #00000061;
	--fds-btn-accent: #40B840;
	--fds-btn-accent-hover: #58C058;
	--fds-btn-accent-active: #6BC96B;
	--fds-on-btn-accent: #ffffffde;
	--fds-btn-default: #FF6600;
	--fds-btn-default-hover: #ff7520;
	--fds-btn-default-active: #ff8533;
	--fds-on-btn-default: #ffffffde;
	--fds-btn-alternate-accent: #FF6600;
	--fds-btn-alternate-accent-hover: #ff7520;
	--fds-btn-alternate-accent-active: #ff8533;
	--fds-on-btn-alternate-accent: #ffffff;
	--fds-btn-on-surface-hover: #00000003;
	--fds-btn-on-surface-active: #0000001A;
	--fds-btn-on-alternate-surface-hover: rgba(255,255,255,0.15);
	--fds-btn-on-alternate-surface-active: rgba(255,255,255,0.3);
	--fds-btn-on-alternate-surface-default: #ffffff;
	--fds-btn-on-header-default: #ffffff;
	--fds-btn-on-surface-default: #FF6600;
	--fds-header: #FF6600;
	--fds-header-interaction-medium: #ff8533;
	--fds-header-interaction-high: #E45D1C;
	--fds-on-header: #ffffff;
	--fds-primary: #FF6600;
	--fds-primary-interaction-low: #FFF0E7;
	--fds-primary-interaction-medium: #ff8533;
	--fds-on-primary: #ffffff;
	--fds-secondary: #40B840;
	--fds-secondary-interaction-low: #ECF7EC;
	--fds-secondary-interaction-medium: #6BC96B;
	--fds-on-secondary: #ffffff;
	--fds-tertiary: #2E3541;
	--fds-tertiary-interaction-low: #EAEBEC;
	--fds-tertiary-interaction-medium: #434954;
	--fds-on-tertiary: #ffffff;
	--fds-success: #00AA41;
	--fds-success-surface: #D8F2D7;
	--fds-on-success: #000000de;
	--fds-on-success-alternate: #ffffff;
	--fds-alert: #f8A127;
	--fds-alert-surface: #FCE7D7;
	--fds-on-alert: #000000de;
	--fds-on-alert-alternate: #ffffff;
	--fds-info: #608DF2;
	--fds-info-surface: #E3E8FF;
	--fds-on-info: #000000de;
	--fds-on-info-alternate: #ffffff;
	--fds-error: #F9554D;
	--fds-error-surface: #FFE0E8;
	--fds-on-error: #000000de;
	--fds-on-error-alternate: #ffffff;
	--fds-background: #ffffff;
	--fds-on-background: #000000de;
	--fds-surface: #F7F7F7;
	--fds-surface-variant: #ffffff;
	--fds-surface-accent: #FFF0E7;
	--fds-on-surface-hi: #000000de;
	--fds-on-surface-m: rgba(0,0,0,0.6);
	--fds-on-surface-low: #00000061;
	--fds-on-surface-ulow: #0000001A;
	--fds-on-surface-color: #FF6600;
	--fds-alternate-surface: #2E2F3C;
	--fds-alternate-surface-variant: #494B56;
	--fds-alternate-surface-nav: #2E2F3C;
	--fds-alternate-overlay: linear-gradient(0deg, rgba(46, 47, 60, 1) 0%, rgba(46, 47, 60, 0) 100%);
	--fds-alternate-overlay-variant: linear-gradient(90deg, rgba(46, 47, 60, 1) 0%, rgba(46, 47, 60, 0) 100%);
	--fds-on-alternate-surface-hi: #ffffff;
	--fds-on-alternate-surface-m: #ffffffde;
	--fds-on-alternate-surface-low: #ffffff99;
	--fds-on-alternate-surface-ulow: rgba(255,255,255,0.15);
	--fds-on-alternate-surface-color: #FF6600;
	--fds-on-alternate-surface-nav-color: #FD9455;
	--fds-surface-nav: #F7F7F7;
	--fds-surface-nav-variant: #ffffff;
	--fds-on-surface-nav-hi: #000000de;
	--fds-on-surface-nav-m: rgba(0,0,0,0.6);
	--fds-on-surface-nav-low: #00000061;
	--fds-on-surface-nav-color: #FD9455;
	/* Display,Lead */
	--display-lead: normal 700 56px/80px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,Regular */
	--display-regular: normal 700 48px/65px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,Small */
	--display-small: normal 700 40px/56px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,Tiny */
	--display-tiny: normal 700 36px/56px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,Lead */
	--headline-lead: normal 700 32px/48px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,Regular */
	--headline-regular: normal 700 24px/40px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,Small */
	--headline-small: normal 700 20px/32px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,Tiny */
	--headline-tiny: normal 700 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Lead */
	--paragraphs-lead: normal 400 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Lead - bold */
	--paragraphs-lead-bold: normal 700 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Regular */
	--paragraphs-regular: normal 400 14px/20px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Regular - bold */
	--paragraphs-regular-bold: normal 700 14px/20px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Small */
	--paragraphs-small: normal 400 12px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Small - bold */
	--paragraphs-small-bold: normal 700 12px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Tiny */
	--paragraphs-tiny: normal 400 10px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,Tiny - bold */
	--paragraphs-tiny-bold: normal 700 10px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,fds,fds-display-lead */
	--fds-display-lead: normal 600 56px/80px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,fds,fds-display-regular */
	--fds-display-regular: normal 600 48px/65px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,fds,fds-display-small */
	--fds-display-small: normal 600 40px/56px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Display,fds,fds-display-tiny */
	--fds-display-tiny: normal 600 36px/56px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,fds,fds-headline-lead */
	--fds-headline-lead: normal 600 32px/40px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,fds,fds-headline-regular */
	--fds-headline-regular: normal 600 24px/32px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,fds,fds-headline-small */
	--fds-headline-small: normal 600 20px/32px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Headline,fds,fds-headline-tiny */
	--fds-headline-tiny: normal 600 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-lead */
	--fds-paragraphs-lead: normal 400 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-lead-bold */
	--fds-paragraphs-lead-bold: normal 600 16px/24px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-regular */
	--fds-paragraphs-regular: normal 400 14px/20px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-regular-bold */
	--fds-paragraphs-regular-bold: normal 600 14px/20px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-small */
	--fds-paragraphs-small: normal 400 12px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-small-bold */
	--fds-paragraphs-small-bold: normal 600 12px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-tiny */
	--fds-paragraphs-tiny: normal 400 10px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-tiny-bold */
	--fds-paragraphs-tiny-bold: normal 600 10px/16px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-micro */
	--fds-paragraphs-micro: normal 400 8px/12px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* Paragraphs,fds,fds-paragraphs-micro-bold */
	--fds-paragraphs-micro-bold: normal 600 8px/12px "Open Sans", "Open Sans Fallback: Arial", "Open Sans Fallback: Roboto", Arial, Roboto;
	/* border-radius */
	--border-radius-xsmall: 4px;
	--border-radius-small: 4px;
	--border-radius-medium: 6px;
	--border-radius-large: 8px;
	--border-radius-xlarge: 100px;
	/* fds-border-radius */
	--fds-border-radius-btn-default: 4px;
	--fds-border-radius-btn-alternate: 100px;
	--fds-border-radius-container-default: 8px;
	--fds-border-radius-input-default: 4px;
	--fds-border-radius-input-alternate: 100px;
	/* spacing */
	--spacing-xsmall: 4px;
	--spacing-small: 8px;
	--spacing-medium: 16px;
	--spacing-large: 24px;
	--spacing-xlarge: 32px;
	--spacing-custom1: 12px;
	/* fds-spacing */
	--fds-spacing-050: 4px;
	--fds-spacing-100: 8px;
	--fds-spacing-150: 12px;
	--fds-spacing-200: 16px;
	--fds-spacing-250: 20px;
	--fds-spacing-300: 24px;
	--fds-spacing-400: 32px;
	--fds-spacing-500: 40px;
	--fds-spacing-600: 48px;
}