:root {
  --edupay-primria: #45e200;
  --edupay-secundaria: #aee20c;
  --edupay-tercearia: #304755;
  --edupay-dark: #112836;
  --edupay-gradiente: linear-gradient(180deg, #aee20c 0%, #45e200 100%);
  --edupay-offwhite: #e7f6e1;
}

.edupay-primaria {
  color: var(--edupay-primria);
}
.edupay-primaria-bg {
  background: var(--edupay-primria);
}
.edupay-secundaria {
  color: var(--edupay-secundaria);
}
.edupay-secundaria-bg {
  background: var(--edupay-secundaria);
}
.edupay-tercearia {
  color: var(--edupay-tercearia);
}
.edupay-dark {
  color: var(--edupay-dark);
}

.edupay-gradiente {
  color: var(--edupay-gradiente);
}
.edupay-offwhite-bg {
  background: var(--edupay-offwhite);
}