: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: #E1E3E5;
  --kit-border-grey-dark: #C9C6C6;
  --kit-border-grey-on-disabled: #E1E3E5;
  --kit-border-info-light: #CCE3FF;
  --kit-border-info-dark: #99C8FF;
  --kit-border-success-light: #B6E2C5;
  --kit-border-success-dark: #77C05A;
  --kit-border-success-darkest: #12A12B;
  --kit-border-warning-light: #FFF7E1;
  --kit-border-warning-dark: #FBBC05;
  --kit-border-error-light: #FFC7D0;
  --kit-border-error-dark: #FF002E;

  --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: #E1E3E5;
  --kit-surface-grey-disabled: #EEEEEE;
  --kit-surface-grey-on-disabled: #E1E3E5;
  --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-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);
}
