:root {
  --color-brand: #005eeb;
  --color-brand-additional: #d7e7ff;
  --color-main-text: #2c2e31;
  --color-button-text: #ffffff;
  --color-brand-background: #eef5ff;
  --color-brand-secondary: #64acff;
  --color-additional-text: #656a71;
  --color-light-text: #c2cddb;
  --color-background: #f5f5f5;
  --color-outline: #f0f0f0;
  --color-approve: #3bc561;
  --color-approve-background: #dcffe6;
  --color-error: #f44c4c;
  --color-error-background: #ffdcdc;
  --color-alert-background: #ffeedb;
  --color-alert: #f28d15;
  --color-main-background: #ffffff;
  --color-addiditional-background: #f9f9f9;
  --color-additional-hover: #dff0f5;
  --color-charge: #005eeb;
  --color-charge-background: #eef5ff;
  --color-brand-gradient: linear-gradient(180deg, #64acff 0%, #0066ff 100%);
  --color-background-qr: linear-gradient(135deg, #fcfdff 0%, #e5eaf1 100%);

  --color-current-color: currentColor;
  --color-transparent: transparent;
  font-family: Mulish, serif;
}