:root {
  --var-icon-color-1: #ee4540; /* var(--var-icon-color-1); */
  --var-icon-color-2: #0ea674; /* var(--var-icon-color-2); */
  --var-well-color: #022c43; /* var(--var-well-color); */
  --var-accent-color: #0ea674; /* var(--var-accent-color); */
  --var-header-color: #053f5e; /* var(--var-header-color); */
  --var-text-color: #eeeeee; /* var(--var-text-color); */
  --var-background-color: #053f5e; /* var(--var-background-color); */
  --var-approved-color: #0ea674; /* var(--var-approved-color); */
  --var-declined-color: #ffc061; /* var(--var-declined-color); */
  --var-refund-color: #f35d80; /* var(--var-refund-color); */
  --var-errored-color: #ff9761; /* var(--var-errored-color); */
  --var-rejcted-color: #393e46; /* var(--var-rejcted-color); */
  --var-chargedback-color: #578fca; /* var(--var-chargedback-color); */
}

.chameleon-logo-text {
  fill: var(--var-text-color) !important;
}