﻿/* !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: #fff;
    --primary: #0067b9;
    --primary-interaction-low: #e6f0f8;
    --primary-interaction-medium: #1a76c0;
    --on-primary: #fff;
    --secondary: #fd9e02;
    --secondary-interaction-low: #fff5e6;
    --secondary-interaction-medium: #fdb135;
    --on-secondary: #fff;
    --tertiary: #85af9a;
    --tertiary-interaction-low: #f3f7f5;
    --tertiary-interaction-medium: #9dbfae;
    --on-tertiary: #000000de;
    --success: #33b534;
    --on-success: #fff;
    --alert: #faa200;
    --on-alert: #fff;
    --info: #0b88f9;
    --on-info: #fff;
    --error: #b8331a;
    --on-error: #fff;
    --background: #fff;
    --on-background: #000000de;
    --surface: #f4f5f5;
    --surface-variant: #fff;
    --on-surface-hi: #000000de;
    --on-surface-m: #0009;
    --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: #fff;
    --on-alternate-surface-m: #ffffffde;
    --on-alternate-surface-low: #fff9;
    --on-alternate-surface-color: #85af9a;
    --surface-nav: #3d4b63;
    --surface-nav-variant: #21334d;
    --on-surface-nav-hi: #fff;
    --on-surface-nav-m: #ffffffde;
    --on-surface-nav-low: #fff9;
    --fds-btn-accent: #fd9e02;
    --fds-btn-accent-hover: #78b66d;
    --fds-btn-accent-active: #fdb135;
    --fds-on-btn-accent: #ffffffde;
    --fds-btn-default: #0067b9;
    --fds-btn-default-hover: #f92424;
    --fds-btn-default-active: #1a76c0;
    --fds-on-btn-default: #ffffffde;
    --fds-btn-alternate-accent: #85af9a;
    --fds-btn-alternate-accent-hover: #ffe033;
    --fds-btn-alternate-accent-active: #9dbfae;
    --fds-on-btn-alternate-accent: #0067b9;
    --fds-btn-on-surface-hover: #00000003;
    --fds-btn-on-surface-active: #0000000d;
    --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: #fd9e02;
    --fds-btn-on-surface-default: #0067b9;
    --fds-header: linear-gradient(0deg,#0067b9 0%,#1a76c0 100%);
    --fds-header-interaction-medium: #1a76c0;
    --fds-header-interaction-high: #005da7;
    --fds-on-header: #fff;
    --fds-primary: #0067b9;
    --fds-primary-interaction-low: #e6f0f8;
    --fds-primary-interaction-medium: #1a76c0;
    --fds-on-primary: #fff;
    --fds-secondary: #fd9e02;
    --fds-secondary-interaction-low: #fff5e6;
    --fds-secondary-interaction-medium: #fdb135;
    --fds-on-secondary: #fff;
    --fds-tertiary: #85af9a;
    --fds-tertiary-interaction-low: #f3f7f5;
    --fds-tertiary-interaction-medium: #9dbfae;
    --fds-on-tertiary: #000000de;
    --fds-success: #00aa41;
    --fds-success-surface: #d8f2d7;
    --fds-on-success: #000;
    --fds-on-success-alternate: #fff;
    --fds-alert: #faa200;
    --fds-alert-surface: #fce7d7;
    --fds-on-alert: #000;
    --fds-on-alert-alternate: #fff;
    --fds-info: #608df2;
    --fds-info-surface: #e3e8ff;
    --fds-on-info: #000;
    --fds-on-info-alternate: #fff;
    --fds-error: #f9554d;
    --fds-error-surface: #ffe0e8;
    --fds-on-error: #000;
    --fds-on-error-alternate: #fff;
    --fds-background: #fff;
    --fds-on-background: #000000de;
    --fds-surface: #f4f5f5;
    --fds-surface-variant: #fff;
    --fds-surface-accent: #e6f0f8;
    --fds-on-surface-hi: #000000de;
    --fds-on-surface-m: #0009;
    --fds-on-surface-low: #00000061;
    --fds-on-surface-ulow: #0000000d;
    --fds-on-surface-color: #0067b9;
    --fds-alternate-surface: #34435c;
    --fds-alternate-surface-variant: #34435c;
    --fds-alternate-surface-nav: #34435c;
    --fds-alternate-overlay: linear-gradient(0deg,rgba(52,67,92,1) 0%,rgba(52,67,92,0) 100%);
    --fds-alternate-overlay-variant: linear-gradient(90deg,rgba(52,67,92,1) 0%,rgba(52,67,92,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: #66a4d5;
    --fds-on-alternate-surface-color: #85af9a;
    --fds-surface-nav: #3d4b63;
    --fds-surface-nav-variant: #21334d;
    --fds-on-surface-nav-hi: #fff;
    --fds-on-surface-nav-m: #ffffffde;
    --fds-on-surface-nav-low: #fff9;
    --fds-on-surface-nav-color: #66a4d5;/* Display,Lead */
    --display-lead: normal 700 56px/80px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Display,Regular */
    --display-regular: normal 700 48px/65px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Display,Small */
    --display-small: normal 700 40px/56px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Display,Tiny */
    --display-tiny: normal 700 36px/56px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Headline,Lead */
    --headline-lead: normal 700 32px/48px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Headline,Regular */
    --headline-regular: normal 700 24px/40px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Headline,Small */
    --headline-small: normal 700 20px/32px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Headline,Tiny */
    --headline-tiny: normal 700 16px/24px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Lead */
    --paragraphs-lead: normal 400 16px/24px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Lead - bold */
    --paragraphs-lead-bold: normal 700 16px/24px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Regular */
    --paragraphs-regular: normal 400 14px/20px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Regular - bold */
    --paragraphs-regular-bold: normal 700 14px/20px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Small */
    --paragraphs-small: normal 400 12px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Small - bold */
    --paragraphs-small-bold: normal 700 12px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Tiny */
    --paragraphs-tiny: normal 400 10px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,Tiny - bold */
    --paragraphs-tiny-bold: normal 700 10px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-lead */
    --fds-paragraphs-lead: normal 400 16px/24px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-lead-bold */
    --fds-paragraphs-lead-bold: normal 700 16px/24px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-regular */
    --fds-paragraphs-regular: normal 400 14px/20px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-regular-bold */
    --fds-paragraphs-regular-bold: normal 700 14px/20px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-small */
    --fds-paragraphs-small: normal 400 12px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-small-bold */
    --fds-paragraphs-small-bold: normal 700 12px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-tiny */
    --fds-paragraphs-tiny: normal 400 10px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-tiny-bold */
    --fds-paragraphs-tiny-bold: normal 700 10px/16px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-micro */
    --fds-paragraphs-micro: normal 400 8px/12px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* Paragraphs,fds,fds-paragraphs-micro-bold */
    --fds-paragraphs-micro-bold: normal 700 8px/12px Outfit,"Outfit Fallback: Arial","Outfit Fallback: Roboto",Arial,Roboto;/* border-radius */
    --border-radius-xsmall: 2px;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --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;
}