:root {
  --brand-primary: #ff972d; /*energy-gold*/
  --brand-secondary: #ff6b13; /*energy-orange*/
  --brand-light-gray: #ececec;
  --brand-medium-gray: #d7d7d7;
  --brand-energy-mint: #9ef1bd;
  --brand-energy-green: #5be2a7;
  --brand-white: #ffffff;
}

.fill-brand-primary {
  fill: var(--brand-primary);
}

.fill-brand-medium-gray {
  fill: var(--brand-medium-gray);
}

.bg-brand-primary {
  background-color: var(--brand-energy-mint);
}

.bg-brand-primary-alt {
  background-color: var(--brand-energy-mint);
}

.bg-brand-primary-alt:hover {
  background-color: var(--brand-energy-green);
}

.bg-brand-green {
  background-color: var(--brand-energy-green);
}

.bg-brand-hover {
  background-color: var(--brand-energy-green);
}

.bg-brand-light-gray {
  background-color: var(--brand-light-gray);
}

.bg-brand-white {
  background-color: var(--brand-white);
}

.border-brand-primary {
  border-color: var(--brand-primary);
}

.border-brand-secondary {
  border-color: var(--brand-medium-gray);
}

.btn-brand-primary {
  background-color: var(--brand-primary);
  border: 0;
}

.btn-brand-primary:hover {
  background-color: var(--brand-secondary);
}

.btn-brand-secondary {
  background-color: var(--brand-light-gray);
  border: 0;
}

.btn-brand-secondary:hover {
  background-color: var(--brand-light-gray);
}

.btn-brand-primary-alt {
  background-color: var(--brand-energy-mint);
  border: 0;
}

.btn-brand-primary-alt:hover {
  background-color: var(--brand-energy-green);
}