/* !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(180deg,#813ea6 0%,#5f348c 100%);
    --header-interaction-medium: #813ea6;
    --header-interaction-high: #3f225e;
    --on-header: #fff;
    --primary: #5f348c;
    --primary-interaction-low: #f0eaf4;
    --primary-interaction-medium: #813ea6;
    --on-primary: #fff;
    --secondary: #67ac5b;
    --secondary-interaction-low: #edf7ee;
    --secondary-interaction-medium: #7dbf65;
    --on-secondary: #fff;
    --tertiary: #ffde17;
    --tertiary-interaction-medium: #ffe817;
    --tertiary-interaction-low: #fffce8;
    --on-tertiary: #5f348c;
    --success: #4caf50;
    --on-success: #fff;
    --alert: #ffad0d;
    --on-alert: #3f225e;
    --info: #2770c9;
    --on-info: #fff;
    --error: #eb3323;
    --on-error: #fff;
    --background: #fff;
    --on-background: #000000de;
    --surface: #fbf7ff;
    --surface-variant: #fff;
    --on-surface-hi: #000000de;
    --on-surface-m: rgba(0,0,0,.6);
    --on-surface-low: #00000061;
    --on-surface-color: #5f348c;
    --alternate-surface: #3f225e;
    --alternate-surface-variant: #5f348c;
    --alternate-surface-nav: linear-gradient(180deg,#813ea6 0%,#5f348c 100%);
    --alternate-overlay: linear-gradient(0deg,rgba(63,34,94,1) 0%,rgba(63,34,94,0) 100%);
    --alternate-overlay-variant: linear-gradient(90deg,rgba(63,34,94,1) 0%,rgba(63,34,94,0) 100%);
    --on-alternate-surface-hi: #fff;
    --on-alternate-surface-m: #ffffffde;
    --on-alternate-surface-low: #fff9;
    --on-alternate-surface-color: #ffde17;
    --surface-nav: #fbf7ff;
    --surface-nav-variant: #fff;
    --on-surface-nav-hi: #000000de;
    --on-surface-nav-m: rgba(0,0,0,.6);
    --on-surface-nav-low: #00000061;
    --fds-btn-accent: #67ac5b;
    --fds-btn-accent-hover: #78b66d;
    --fds-btn-accent-active: #7dbf65;
    --fds-on-btn-accent: #ffffffde;
    --fds-btn-default: #5f348c;
    --fds-btn-default-hover: #6e3da4;
    --fds-btn-default-active: #813ea6;
    --fds-on-btn-default: #ffffffde;
    --fds-btn-alternate-accent: #ffde17;
    --fds-btn-alternate-accent-hover: #ffe033;
    --fds-btn-alternate-accent-active: #ffe817;
    --fds-on-btn-alternate-accent: #5f348c;
    --fds-btn-on-surface-hover: #00000002;
    --fds-btn-on-surface-active: rgba(0,0,0,.05);
    --fds-btn-on-alternate-surface-hover: rgba(255,255,255,.15);
    --fds-btn-on-alternate-surface-active: rgba(255,255,255,.3);
    --fds-btn-on-alternate-surface-default: #ffde17;
    --fds-btn-on-surface-default: #5f348c;
    --fds-header: linear-gradient(180deg,#813ea6 0%,#5f348c 100%);
    --fds-header-interaction-medium: #813ea6;
    --fds-header-interaction-high: #3f225e;
    --fds-on-header: #fff;
    --fds-primary: #5f348c;
    --fds-primary-interaction-low: #f0eaf4;
    --fds-primary-interaction-medium: #813ea6;
    --fds-on-primary: #fff;
    --fds-secondary: #67ac5b;
    --fds-secondary-interaction-low: #edf7ee;
    --fds-secondary-interaction-medium: #7dbf65;
    --fds-on-secondary: #fff;
    --fds-tertiary: #ffde17;
    --fds-tertiary-interaction-low: #fffce8;
    --fds-tertiary-interaction-medium: #ffe817;
    --fds-on-tertiary: #5f348c;
    --fds-success: #00aa41;
    --fds-success-surface: #ecf7ec;
    --fds-on-success: #000000de;
    --fds-on-success-alternate: #fff;
    --fds-alert: #ea7714;
    --fds-alert-surface: #fce7d7;
    --fds-on-alert: #000000de;
    --fds-on-alert-alternate: #fff;
    --fds-info: #608df2;
    --fds-info-surface: #e3e8ff;
    --fds-on-info: #000000de;
    --fds-on-info-alternate: #fff;
    --fds-error: #f9554d;
    --fds-error-surface: #ffe0e8;
    --fds-on-error: #000000de;
    --fds-on-error-alternate: #fff;
    --fds-background: #fff;
    --fds-on-background: #000000de;
    --fds-surface: #fbf7ff;
    --fds-surface-variant: #fff;
    --fds-surface-accent: #f0eaf4;
    --fds-on-surface-hi: #000000de;
    --fds-on-surface-m: rgba(0,0,0,.6);
    --fds-on-surface-low: #00000061;
    --fds-on-surface-ulow: rgba(0,0,0,.05);
    --fds-on-surface-color: #5f348c;
    --fds-alternate-surface: #3f225e;
    --fds-alternate-surface-variant: #5f348c;
    --fds-alternate-surface-nav: #3f225e;
    --fds-alternate-overlay: linear-gradient(0deg,rgba(63,34,94,1) 0%,rgba(63,34,94,0) 100%);
    --fds-alternate-overlay-variant: linear-gradient(90deg,rgba(63,34,94,1) 0%,rgba(63,34,94,0) 100%);
    --fds-on-alternate-surface-hi: #fff;
    --fds-on-alternate-surface-m: #ffffffde;
    --fds-on-alternate-surface-low: #fff9;
    --fds-on-alternate-surface-ulow: rgba(255,255,255,.15);
    --fds-on-alternate-surface-nav-color: #ffe817;
    --fds-on-alternate-surface-color: #ffe817;
    --fds-surface-nav: #3f225e;
    --fds-surface-nav-variant: #fff;
    --fds-on-surface-nav-hi: #fff;
    --fds-on-surface-nav-m: #ffffffde;
    --fds-on-surface-nav-low: #fff9;
    --fds-on-surface-nav-color: #ffe817;/* Display,Lead */
    --display-lead: normal 700 56px/72px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Display,Regular */
    --display-regular: normal 700 48px/60px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Display,Small */
    --display-small: normal 700 40px/52px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Display,Tiny */
    --display-tiny: normal 700 36px/44px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Headline,Lead */
    --headline-lead: normal 700 32px/40px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Headline,Regular */
    --headline-regular: normal 700 24px/32px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Headline,Small */
    --headline-small: normal 700 20px/28px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Headline,Tiny */
    --headline-tiny: normal 700 16px/24px Fredoka,"Fredoka Fallback: Arial","Fredoka Fallback: Roboto",Arial,Roboto;/* Paragraphs,Lead */
    --paragraphs-lead: normal 400 16px/24px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Lead - bold */
    --paragraphs-lead-bold: normal 700 16px/24px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Regular */
    --paragraphs-regular: normal 400 14px/20px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Regular - bold */
    --paragraphs-regular-bold: normal 700 14px/20px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Small */
    --paragraphs-small: normal 400 12px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Small - bold */
    --paragraphs-small-bold: normal 700 12px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Tiny */
    --paragraphs-tiny: normal 400 10px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,Tiny - bold */
    --paragraphs-tiny-bold: normal 700 10px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-lead */
    --fds-paragraphs-lead: normal 400 16px/24px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-lead-bold */
    --fds-paragraphs-lead-bold: normal 700 16px/24px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-regular */
    --fds-paragraphs-regular: normal 400 14px/20px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-regular-bold */
    --fds-paragraphs-regular-bold: normal 700 14px/20px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-small */
    --fds-paragraphs-small: normal 400 12px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-small-bold */
    --fds-paragraphs-small-bold: normal 700 12px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-tiny */
    --fds-paragraphs-tiny: normal 400 10px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-tiny-bold */
    --fds-paragraphs-tiny-bold: normal 700 10px/16px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-micro */
    --fds-paragraphs-micro: normal 400 8px/12px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-micro-bold */
    --fds-paragraphs-micro-bold: normal 700 8px/12px Lato,"Lato Fallback: Arial","Lato Fallback: Roboto",Arial,Roboto;/* border-radius */
    --border-radius-xsmall: 100px;
    --border-radius-small: 100px;
    --border-radius-medium: 6px;
    --border-radius-large: 8px;
    --border-radius-xlarge: 100px;/* fds-border-radius */
    --fds-border-radius-btn-default: 100px;
    --fds-border-radius-btn-alternate: 100px;
    --fds-border-radius-container-default: 16px;
    --fds-border-radius-input-default: 100px;
    --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-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;
    --fds-spacing-050: 4px;
}