:root {
  --kit-font-family: Roboto, sans-serif;

  --kit-border-brand-default: #FFA800;
  --kit-border-brand-hovered: #FFB94C;
  --kit-border-brand-pressed: #FFB94C;
  --kit-border-brand-disabled: #FFE5B3;
  --kit-border-secondary: #0951AA;
  --kit-border-white: #FFFFFF;
  --kit-border-grey-divider: #F5F6FA;
  --kit-border-grey-default: #EEEEEE;
  --kit-border-grey-dark: #C9C6C6;
  --kit-border-grey-on-disabled: #E2E4E9;
  --kit-border-info-light: #CBE0F8;
  --kit-border-info-dark: #99C8FF;
  --kit-border-success-light: #B6E2C5;
  --kit-border-success-dark: #44B759;
  --kit-border-success-darkest: #07AB3E;
  --kit-border-warning-light: #FFF7E1;
  --kit-border-warning-dark: #FFA800;
  --kit-border-error-light: #FFC7D0;
  --kit-border-error-dark: #F85C44;

  --kit-surface-brand-default: #FFA800;
  --kit-surface-brand-hovered: #FFB94C;
  --kit-surface-brand-pressed: #FFB94C;
  --kit-surface-brand-disabled: #FFE5B3;
  --kit-surface-white-background: #FFFFFF;
  --kit-surface-grey-background: #F5F6FA;
  --kit-surface-grey-default: #EEEEEE;
  --kit-surface-grey-disabled: #EEEEEE;
  --kit-surface-grey-on-disabled: #E2E4E9;
  --kit-surface-grey-disabled-dark: #C9C6C6;
  --kit-surface-grey-inverted: #5E5E5E;
  --kit-surface-info-hovered: #F1F8FF;
  --kit-surface-info-pressed: #CBE0F8;
  --kit-surface-success-hovered: #ECF8EF;
  --kit-surface-success-pressed: #C4EDCE;
  --kit-surface-warning-hovered: #FFF9EC;
  --kit-surface-warning-pressed: #FFE5B3;
  --kit-surface-error-hovered: #FEEBE9;
  --kit-surface-error-pressed: #FFCEC7;
  --kit-surface-elevation-top: rgba(14, 15, 16, .08);
  --kit-surface-elevation-bottom: rgba(14, 15, 16, .04);
  --kit-surface-overlay: rgba(0, 23, 51, .7);

  --kit-icon-brand: #FFA800;
  --kit-icon-brand-dark: #D67400;
  --kit-icon-primary: #112950;
  --kit-icon-secondary-blue: #0951AA;
  --kit-icon-secondary-grey: #707070;
  --kit-icon-inverted: #FFFFFF;
  --kit-icon-disabled: #C9C6C6;
  --kit-icon-disabled-dark: #707070;
  --kit-icon-info: #2F85FF;
  --kit-icon-success: #44B759;
  --kit-icon-warning: #FFA800;
  --kit-icon-error: #F85C44;

  --kit-text-brand: #D67400;
  --kit-text-primary: #112950;
  --kit-text-secondary-blue: #0951AA;
  --kit-text-secondary-grey: #5E5E5E;
  --kit-text-tertiary: #707070;
  --kit-text-inverted: #FFFFFF;
  --kit-text-disabled-light: #C9C6C6;
  --kit-text-disabled: #707070;
  --kit-text-disabled-dark: #5E5E5E;
  --kit-text-success: #028008;
  --kit-text-error: #E31B00;
  --kit-text-link: #2F85FF;

  --kit-focus-border-brand: #FED402;
  --kit-focus-shadow-brand: #FFA800;
  --kit-focus-border-alt: #56A0F0;
  --kit-focus-shadow-alt: #2F85FF;

  --kit-typography-button-font-size-xl: 18px;
  --kit-typography-button-font-size-lg: 16px;
  --kit-typography-button-font-size-md: 14px;
  --kit-typography-button-font-size-sm: 14px;
  --kit-typography-button-font-size-xs: 13px;
  --kit-typography-button-font-size-2xs: 11px;
  --kit-typography-button-font-size-link: 14px;
  --kit-typography-button-font-size-link-small: 12px;
  --kit-typography-button-font-weight-xl: 500;
  --kit-typography-button-font-weight-lg: 500;
  --kit-typography-button-font-weight-md: 600;
  --kit-typography-button-font-weight-sm: 500;
  --kit-typography-button-font-weight-xs: 500;
  --kit-typography-button-font-weight-2xs: 600;
  --kit-typography-button-font-weight-link: 500;
  --kit-typography-button-font-weight-link-small: 600;
  --kit-typography-button-line-height-xl: 24px;
  --kit-typography-button-line-height-lg: 24px;
  --kit-typography-button-line-height-md: 18px;
  --kit-typography-button-line-height-sm: 18px;
  --kit-typography-button-line-height-xs: 15px;
  --kit-typography-button-line-height-2xs: 14px;
  --kit-typography-button-line-height-link: 20px;
  --kit-typography-button-line-height-link-small: 16px;
  --kit-typography-button-letter-spacing-xs: .06px;
  --kit-typography-button-letter-spacing-2xs: .06px;

  --kit-typography-text-font-size-xl: 20px;
  --kit-typography-text-font-size-lg: 18px;
  --kit-typography-text-font-size-md: 16px;
  --kit-typography-text-font-size-sm: 14px;
  --kit-typography-text-font-size-xs: 12px;
  --kit-typography-text-font-size-2xs: 12px;
  --kit-typography-text-font-size-3xs: 11px;
  --kit-typography-text-font-size-4xs: 9px;
  --kit-typography-text-font-weight-2xs: 300;
  --kit-typography-text-font-weight-bold: 700;
  --kit-typography-text-line-height-xl: 28px;
  --kit-typography-text-line-height-lg: 24px;
  --kit-typography-text-line-height-md: 24px;
  --kit-typography-text-line-height-sm: 22px;
  --kit-typography-text-line-height-xs: 18px;
  --kit-typography-text-line-height-2xs: 16px;
  --kit-typography-text-line-height-3xs: 14px;
  --kit-typography-text-line-height-4xs: 12px;
  --kit-typography-text-letter-spacing-2xs: .06px;
  --kit-typography-text-letter-spacing-3xs: .06px;
  --kit-typography-text-letter-spacing-4xs: .06px;

  --kit-typography-headings-font-size-4xl: 40px;
  --kit-typography-headings-font-size-3xl: 35px;
  --kit-typography-headings-font-size-2xl: 30px;
  --kit-typography-headings-font-size-xl: 26px;
  --kit-typography-headings-font-size-lg: 22px;
  --kit-typography-headings-font-size-md: 18px;
  --kit-typography-headings-font-size-sm: 16px;
  --kit-typography-headings-font-size-xs: 14px;
  --kit-typography-headings-font-size-2xs: 13px;
  --kit-typography-headings-font-size-3xs: 12px;
  --kit-typography-headings-font-size-4xs: 11px;
  --kit-typography-headings-font-weight-4xl: 600;
  --kit-typography-headings-font-weight-4xl2: 600;
  --kit-typography-headings-font-weight-3xl: 700;
  --kit-typography-headings-font-weight-2xl: 700;
  --kit-typography-headings-font-weight-xl: 700;
  --kit-typography-headings-font-weight-lg: 500;
  --kit-typography-headings-font-weight-md: 500;
  --kit-typography-headings-font-weight-sm: 500;
  --kit-typography-headings-font-weight-xs: 500;
  --kit-typography-headings-font-weight-2xs: 600;
  --kit-typography-headings-font-weight-3xs: 500;
  --kit-typography-headings-font-weight-4xs: 500;
  --kit-typography-headings-line-height-4xl: 50px;
  --kit-typography-headings-line-height-3xl: 48px;
  --kit-typography-headings-line-height-2xl: 40px;
  --kit-typography-headings-line-height-xl: 36px;
  --kit-typography-headings-line-height-lg: 30px;
  --kit-typography-headings-line-height-md: 24px;
  --kit-typography-headings-line-height-sm: 24px;
  --kit-typography-headings-line-height-xs: 22px;
  --kit-typography-headings-line-height-2xs: 20px;
  --kit-typography-headings-line-height-3xs: 18px;
  --kit-typography-headings-line-height-4xs: 16px;
  --kit-typography-headings-letter-spacing-2xs: .07px;
  --kit-typography-headings-letter-spacing-3xs: .06px;
  --kit-typography-headings-letter-spacing-4xs: .06px;

  --kit-typography-input-font-size-caption: 14px;
  --kit-typography-input-font-size-label: 12px;
  --kit-typography-input-font-size-link: 14px;
  --kit-typography-input-line-height-caption: 22px;
  --kit-typography-input-line-height-label: 18px;
  --kit-typography-input-line-height-link: 20px;
  --kit-typography-input-letter-spacing-label: .06px;

  --kit-button-primary-icon-default: var(--kit-text-primary);
  --kit-button-primary-icon-disabled: var(--kit-text-disabled);

  --kit-button-secondary-main-border-default: var(--kit-border-secondary);
  --kit-button-secondary-main-surface-hover: var(--kit-surface-info-hovered);
  --kit-button-secondary-main-surface-pressed: var(--kit-surface-info-pressed);
  --kit-button-secondary-main-focus-border: var(--kit-focus-border-alt);
  --kit-button-secondary-main-focus-shadow: var(--kit-focus-shadow-alt);
  --kit-button-secondary-main-text-default: var(--kit-text-secondary-blue);
  --kit-button-secondary-main-icon-default: var(--kit-icon-secondary-blue);

  --kit-button-secondary-alt-focus-border: var(--kit-focus-border-brand);
  --kit-button-secondary-alt-focus-shadow: var(--kit-focus-shadow-brand);
  --kit-button-secondary-alt-border-default: var(--kit-border-brand-default);
  --kit-button-secondary-alt-surface-hover: var(--kit-surface-warning-hovered);
  --kit-button-secondary-alt-surface-pressed: var(--kit-surface-warning-pressed);
  --kit-button-secondary-alt-text-default: var(--kit-text-primary);
  --kit-button-secondary-alt-icon-default: var(--kit-icon-primary);

  --kit-button-tertiary-surface-hover: var(--kit-surface-warning-hovered);
  --kit-button-tertiary-surface-pressed: var(--kit-surface-warning-pressed);

  --kit-button-ghost-main-surface-hover: var(--kit-surface-info-hovered);
  --kit-button-ghost-main-surface-pressed: var(--kit-surface-info-pressed);
  --kit-button-ghost-main-text-default: var(--kit-text-secondary-blue);
  --kit-button-ghost-main-icon-default: var(--kit-text-secondary-blue);
  --kit-button-ghost-main-focus-border: var(--kit-focus-border-alt);
  --kit-button-ghost-main-focus-shadow: var(--kit-focus-shadow-alt);

  --kit-button-ghost-alt-surface-hover: var(--kit-surface-warning-hovered);
  --kit-button-ghost-alt-surface-pressed: var(--kit-surface-warning-pressed);
  --kit-button-ghost-alt-text-default: var(--kit-text-primary);
  --kit-button-ghost-alt-icon-default: var(--kit-icon-primary);
  --kit-button-ghost-alt-focus-border: var(--kit-focus-border-brand);
  --kit-button-ghost-alt-focus-shadow: var(--kit-focus-shadow-brand);

  --kit-button-ghost-danger-focus-border: var(--kit-focus-border-alt);
  --kit-button-ghost-danger-focus-shadow: var(--kit-focus-shadow-alt);

  --kit-alert-button-general-focus-border: var(--kit-focus-border-alt);
  --kit-alert-button-general-focus-shadow: var(--kit-focus-border-alt);

  --kit-input-text-label: var(--kit-text-tertiary);
  --kit-input-text-caption: var(--kit-text-tertiary);

  --kit-selector-text-default-agreement: var(--kit-text-tertiary);

  --kit-card-border-hover: var(--kit-border-brand-disabled);

  --kit-badge-icon-selected: var(--kit-text-primary);
  --kit-badge-icon-default: var(--kit-icon-primary);
  --kit-badge-text-selected: var(--kit-text-primary);
  --kit-badge-text-default: var(--kit-text-primary);

  --kit-link-primary: var(--kit-text-secondary-blue);
  --kit-link-secondary: var(--kit-text-tertiary);

  --kit-notification-text-brand: var(--kit-text-secondary-blue);
}